body {
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: 'Raleway';
    font-weight: 600;
}

.header {
    background-color:#1f628d ;
    height:40px;
}
.header h3{
    color:#fff;
    text-align: center;
    padding-top:8px;
    text-transform:uppercase;
    font-family: 'Raleway';
    font-weight: 600;
}


.box {
    background-color: #1f628d;
    width:100%;
    height:200px;
	position:relative;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
}

.box h4 {
    font-family: 'Raleway';
    font-weight: 600;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
    padding-top:30%;
}

.item:hover .box {
	transform:scale(0.95);
	-o-transform:scale(0.95);
	-ms-transform:scale(0.95);
	-webkit-transform:scale(0.95);
}

.box .description {
	position:absolute;
	z-index:20;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-align:center;
	opacity:0;
	background-color:#ad9961;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
}
.box:hover .description {opacity:1;}
.box .description .work_descr_cont {
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	opacity:0;
	transform:translateY(-100%);
	-o-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
}
.box:hover .description .work_descr_cont {
	opacity:1;
	transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.box .description a {
	display:block;
	margin:0 0 6px;
	font-weight:300;
	line-height:24px;
	font-size:16px;
	color:#fff;
    font-family: 'Raleway';
}

.box .description span {
	color:#000;
}

/* --- menu --- */
nav.sidebar, .main{
    -webkit-transition: margin 200ms ease-out;
      -moz-transition: margin 200ms ease-out;
      -o-transition: margin 200ms ease-out;
      transition: margin 200ms ease-out;
}

.main{
padding: 10px 10px 0 10px;
}

@media (min-width: 765px) {

.main{
    position: absolute;
    width: calc(100% - 40px); 
    margin-left: 40px;
    float: right;
}

nav.sidebar:hover + .main{
    margin-left: 200px;
}

nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
}

nav.sidebar .navbar-brand, nav.sidebar .navbar-header{
    text-align: center;
    width: 100%;
    margin-left: 0px;
}
    
nav.sidebar a{
    padding-right: 13px;
}


nav.sidebar .navbar-nav > li{
    border-bottom: 1px #e5e5e5 solid;
    color:#fff;
    background-color:#1f628d;
}
    nav.sidebar .navbar-nav > li:hover{
    background-color:#ad9961;
}

nav.sidebar .navbar-nav > li >a {
    color:#fff;
}
nav.sidebar .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: #ad9961;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{
    padding: 0 0px 0 0px;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #777;
}

nav.sidebar{
    width:100%;
    height: 100%;
    margin-left: -160px;
    float: left;
    margin-bottom: 0px;
}

nav.sidebar li {
    width: 100%;
}

nav.sidebar:hover{
    margin-left: 0px;
}

.forAnimate{
    opacity: 0;
}
}
   
@media (min-width: 1330px) {

.main{
    width: calc(100% - 200px);
    margin-left: 200px;
}

nav.sidebar{
    margin-left: 0px;
    float: left;
}

nav.sidebar .forAnimate{
    opacity: 1;
}
}

nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
color: #fff;
background-color: transparent;
}

nav:hover .forAnimate{
opacity: 1;
}

/* --- body --- */

.content {

}
.content h4 {
    font-family: 'Raleway';
    font-weight: 600;
    color:#fff;
    text-transform:uppercase;
    height:50px;
    background-color:#ad9961;
    margin:1px;
    text-align:center;
    padding-top:15px;
}

.content h5 {
    font-family: 'Raleway';
    font-weight: 600;
    color:#000;
    text-transform:capitalize;
    height:40px;
    background-color:#ebebeb;
    margin:1px;
    text-align:center;
    padding-top:15px;
}
.content .greybg{

    background-color:#ebebeb;
    padding:5px;
}

.content .btn {
    background-color:#ad9961;
    padding:10px 15px;
    border-radius:0;
    color:#fff;
}

.content .btn:hover {
    background-color:#ebebeb;
    border: #ad9961 1px solid;
    color:#000;
}
.content .field {
    border: #ad9961 1px solid;
    width:100%;
    padding:2px;
 
}
.content .field:focus, .content .field:active {
    border: #1f628d 1px solid;
}

.content  p{
    padding: 5px 10px;
}

.content .box{
    padding:5px;
    background-color:#e7e7e7;
}

.content .box2{
    padding:5px;
    background-color:#1f628d;
    color:#fff;
    text-align:center;
}
.content p a {
    color: #000;
}
/* --- footer --- */

.footer {
    background-color:#1f628d ;
    height:40px;
}

.footer p{
    color:#fff;
    text-align: center;
    padding-top:10px;
    font-family: 'Raleway';
    font-weight: 400;
    font-size:12px;
}


.title{
    font-family: 'Raleway';
    font-weight: 500;
}

.space{
    padding: 10px 0;
}
.spacebelow{
    padding-bottom: 10px;
}

.ajax__tab .ajax__tab_header 
{
    border-bottom:#ad9961 3px solid;
    padding-bottom:0px;
  
}

.ajax__tab .ajax__tab_header a{
    color:#000;
    padding:0 10px;
}

.ajax__tab .ajax__tab_active .ajax__tab_outer
{
    background-color:#ad9961;
    padding:5px;
   
}
.ajax__tab .ajax__tab_active .ajax__tab_outer a {
    color:#fff;
}
.ajax__tab .ajax__tab_active .ajax__tab_outer a:hover {
    color:#000;
}