article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
h1,h2,h3,h4,h5,h6{font-weight:600;}
.spacer{display:block; margin:0; padding:0; clear:both; width:0px; height:0px; overflow:hidden;}
body{font-family: 'Open Sans', sans-serif; font-size:13px; color:#777; background:#fff;}
a{color:#8a0000; text-decoration:none; outline:none;}
a:hover{text-decoration:underline;}
#top_page{background:#393939; text-align:right; padding:10px 0; }
#top_page .menu_top_content{display:inline-block; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; float:left; margin-left:10px;}
#top_page .menu_top_content ul, #top_page .menu_top_content ul li{margin:0; padding:0; list-style-type:none; display:inline-block;}
#top_page .menu_top_content ul li{margin-right:4px; padding-right:4px; border-right:solid 1px #555;}
#top_page i{font-size:16px; }
#top_page a{color:#f0f0f0;   -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
#top_page a:hover{color:#ccc; text-decoration:none; }
#masthead, #masthead  .container-12{position:relative;}
#masthead #top_nav{position:static; z-index:10; }
#masthead #top_nav.fixed_top_menu{position:fixed; width:100%; background:#f9f9f9; left:0; top:0;  -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
	

.site-header .search-form {
	position: absolute;
	right: 20px;
	top: 1px;
}

.site-header .search-field {
	background-color: transparent;
	background-image: url(images/search-icon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
}

.site-header .search-field:focus {
	background-color: #fff;
	border: 2px solid #c3c0ab;
	cursor: text;
	outline: 0;
	width: 230px;
}


	
.home_comp{margin:0; padding:0; list-style-type:none; display:table;}
.home_comp li{margin:5px 1%; padding:0 0 5px 0; list-style-type:none;  display:table-cell; border-bottom:solid 1px #ddd; vertical-align:middle; min-height:60px; height:60px; float:left; width:48%; }
.home_comp li i{display:block; float:left; width:30px; height:30px; line-height:30px; text-align:center; background:#8a0000; color:#fff; margin:2px 5px 5px 0; border-radius:40px;}
#logo img{display:block; margin:5px auto;}
nav ul, nav ul li{margin:0; list-style-type:none; padding:0; }
.nav-menu {float:right; }
.nav-menu li {
	display: inline-block;
	position: relative;
	text-align:center;
	float:left; line-height:90px; height:80px; white-space:nowrap;
}
.nav-menu li:first-child{}
.nav-menu li li{text-align:left; float:none; border:none; border-bottom:solid 1px #cbcbcb; line-height:1.2;}
.nav-menu li li:first-child {border-left:none;}
.nav-menu li a { font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; border-left:solid 1px #ddd;
	color: #999;
	padding-left:4px; margin-left:4px;
	text-decoration: none;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	
}

.nav-menu li a i { }
.nav-menu li:hover > a,
.nav-menu li a:hover { color:#8a0000;
}
.nav-menu li:first-child a {border:none;}
.nav-menu .sub-menu,
.nav-menu .children {
	background-color: #8a0000;
	border: solid 1px #cbcbcb; border-bottom:none;
	border-top: 0;
	display: none;
	padding: 0;
	position: absolute;
	left: -1px;
	z-index: 99999;
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
	border-left: 0;
	left: 100%;
	top: 0;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
	color: #fff;
	margin: 0;
	width: 200px;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
	background-color: #50b30e;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
	display: block;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color: #bc360a;
	font-style: italic;
}
#slider_area{background:#e3e3e3; min-height:400px;}
#home_edito {color:#fff; margin-top:20px;  margin-bottom:20px; background:#8a0000; border-radius:3px; }
#home_edito .edito_inner {padding:20px 10px;}
#home_edito .edito_inner img{float:left;}
#home_edito h1{font-size:20px;float:left; margin:30px 10px 0 10px;}
#home_edito h1 strong{color:#8a0000;}
.home_block{position:relative; padding:60px 10px 10px 10px; background:#f0f0f0; border:solid 1px #ddd; margin-top:50px; text-align:center;
 -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.home_block:hover{ background: #fff;    border: 1px solid #eee;}
.home_block .thumbnail{display:block; width:100px; height:100px; border:solid 5px #ddd; border-radius:150px; position:absolute; left:50%; margin-left:-55px; top:-50px;
 -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;}
.home_block:hover .thumbnail{top:-75px;}
.home_block h4{font-size:18px; margin:0 0 10px 0}
.home_block p{margin:0 0 10px 0}
.carousel-portfolio, .latest-blog-posts {margin-top:20px;}
.carousel-portfolio ul{margin:0; padding:0; list-style-type:none; width:100% !important;}

#footer{background:#757575; padding:20px 0;}