/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin,cyrillic);

body {
  color: #111;	
font-family: "Arial", sans-serif;
}
/* ==========================================================================
 Navigation
========================================================================== */ 
.navbar-inverse { margin-bottom: 0; background-color: #f7941e ;  border: none; border-bottom: 1px solid #91560e;}
.navbar-inverse .navbar-nav > li > a { color: #fff; display: block; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; text-transform:  uppercase; font-family: 'PT Sans Narrow', sans-serif;}

.navbar-inverse .navbar-nav > li  { padding: 15px 15px 10px 15px; }
.navbar-inverse .navbar-nav > li > a:hover { color: #FF8F00;  }
.navbar-inverse .navbar-nav > li.active > a{ color: #FF8F00;  background: #673AB7;}
.navbar-inverse .navbar-nav > li.active > a:hover{background: #673AB7;}

.menu-right {float: right;}

.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li {-webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear;}


h1,h3,h4 { font-family: 'PT Sans Narrow', sans-serif; }

@media only screen and (min-width: 996px) and (max-width: 1190px){
	.navbar-inverse .navbar-nav > li > a { padding: 20px 5px; }
	.navbar-inverse .navbar-nav > li  { padding: 10px 15px 5px 15px; }
}

@media only screen and (min-width: 750px) and (max-width: 995px){
	.navbar-inverse .navbar-nav > li > a { font-size: 15px; padding: 20px 0;}
	.navbar-inverse .navbar-nav > li  { padding: 5px 12px 0 12px }
	.navbar-brand img { width: 80%; margin-top: -5px;}

}

/* ------ Mobile Landscape Size to Tablet Portrait (devices and browsers) ------*/
@media only screen and (max-width: 750px){
	.navbar-brand { margin-top: -15px; margin-left: -30px;}
	.navbar-inverse {background-color: #f7941e; min-width:250px}
	.navbar-inverse .navbar-brand {color: #fff;}
	.navbar-inverse .navbar-toggle {padding: 10px; background: #c46f09; }
	.navbar-inverse .navbar-toggle:hover {padding: 10px; background: #de8316; }
	.navbar-inverse .navbar-toggle:focus {padding: 10px; background: #f7941e; }
	.navbar-inverse .navbar-nav { padding: 0; margin: 10px auto; width: 100%;}
	.navbar-inverse .navbar-nav > li {padding: 0; text-align:  center; }
	.navbar-inverse .navbar-nav > li > a {color: #fff;}
	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #FF8F00;}
	.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus  { color: #FF8F00;}
	.menu-right {float: none;}
	

}

a,a:hover { color: #111;}
.href a { color: #111; line-height: 26px;
display: inline-block;
border-bottom: 1px solid #ADADAD;  }

.href a:hover {
	text-decoration:  none;  color: #999;
}
a img, .cam1 {   -webkit-transition: opacity .6s ease;
       -o-transition: opacity .6s ease;
          transition: opacity .6s ease;

}
.cam1:hover { opacity: 0.6; }

a img, a div {
  -webkit-transition: opacity .6s ease;
       -o-transition: opacity .6s ease;
          transition: opacity .6s ease;
}
p { font-size: 15px; }

input:focus{outline:none;}

.panel-title { font-size: 15px; }
.panel-body td { font-size: 15px; }

ul { padding: 15px 5px; display: inline-block;}


ul li {
	display: inline-block; padding: 15px;
}
	ul li a {
		 font-size: 19px; color: #fff; 
		  -webkit-transition: opacity .6s ease;
		   -o-transition: opacity .6s ease;
			  transition: opacity .6s ease;
	}

.m_xs a {
		 font-size: 13px; color: #fff; opacity: 0.7; 
		  -webkit-transition: opacity .6s ease;
		   -o-transition: opacity .6s ease;
			  transition: opacity .6s ease;
		padding: 0 5px;
	}

ul li a:hover {
	color: #fff; opacity: 1; text-decoration:  none;
}

.m_xs a:hover {
	color: #fff; opacity: 1; text-decoration:  none;
}

.img-border { border-radius: 0px; border: 1px solid #9a75de; margin: 50px auto ;  box-shadow: 0px 1px 5px 0px #333; }

.btn-danger { background: #ef6e30; font-size: 19px; border-radius: 0px; box-shadow: 0px 1px 5px 0px #333; padding: 10px 40px;  font-family: 'PT Sans Narrow', sans-serif;
	  -webkit-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;}
.btn-danger:hover { background: #dc591b; }

.btn-ph,.btn-ph:active {     
    background: url(../images/btn.png) no-repeat center; font-weight: normal;
    width: 200px;
    color: #fff;
    border-radius: 10px;
    border: 0px;font-size: 19px; padding: 10px 40px;  font-family: 'PT Sans Narrow', sans-serif;
	  -webkit-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;}
.btn-ph:hover { background-position: left; color: #fff; }

.panel-group .panel { border-radius: 0px; }

	.panel-body a { font-weight: bold;padding: 20px;  }
	.panel-body a:hover { text-decoration: none; color: #db100f;}
	.panel-heading { padding: 20px 15px;background: rgba(114, 83, 188, 0.17) !important; }

.btn-ph:hover, .btn-ph:focus { color: #fff  !important; }