/*
Theme Name: Anubis
Theme URI: http://www.themes.alessioatzeni.com/html/anubis/
Author: Alessio Atzeni
Author URI: http://www.alessioatzeni.com
Description: Responsive HTML Template - Retina Ready
Version: 1.0.1
*/


/* styles */

html, hmtl a{
	width:100%;
	font-size: 100%; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;
}
body{
	background:#FFFFFF;
	color:#323A45;
	font-weight:300;
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
	line-height:28px;
}
a{
	color:#323A45;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	
	-webkit-transition: color 0.15s ease-in-out 0s;	
	   -moz-transition: color 0.15s ease-in-out 0s;
		 -o-transition: color 0.15s ease-in-out 0s;
		    transition: color 0.15s ease-in-out 0s;
}

a:hover,
a:active,
a:focus{
	outline: 0;
	color:#F97E76;
	text-decoration:none;
}

a img {
	border: none;
}

a > img {
	vertical-align: bottom;	
}

img {
	max-width: none;	
}

strong {
  	font-weight: 700;
}

p {
	margin: 0 0 30px;
}

hr {
	border-style: solid;
	border-color: #E6E6E6;
	border-bottom: none;
	border-left: none;
	border-right: none;
    margin: 20px 0 40px;
}

ul, ol {
    margin: 0 0 20px 0px;
    padding: 0;
}

ul {
	list-style: circle inside;
}

ol {
	list-style: decimal inside;
}

li {
	line-height: 30px;
}

address {
    display: block;
    font-style: normal;
    line-height: 24px;
    margin-bottom: 20px;
}

.align-left{
	float:left;
	margin:0 25px 0 0px!important;
}

.align-right{
	float:right;
	margin:0 0 0 25px!important;
}

.text-align-left {
	text-align: left;
}

.text-align-center {
	text-align: center;
}

.text-align-right {
	text-align: right;	
}

.through{
	text-decoration:line-through;
}

input, button, select, textarea {
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	outline: 0;
	
	-webkit-appearance: none;
}

input:focus, 
textarea:focus,
input[type="text"]:focus {
	outline: 0;
}

input::input-placeholder,
textarea::input-placeholder {
	color: #BCBCC4;
	opacity: 1;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  	color: #BCBCC4;
	opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  	color: #BCBCC4;
	opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  	color: #BCBCC4;
	opacity: 1;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  	color: #BCBCC4;
	opacity: 1;
}

/* ==================================================
   Code and Pre
================================================== */

code,
pre {
  	padding: 0 3px 2px;
  	-webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  	color: #232527;
  	font-size: 12px;
  	font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

code {
  	padding: 2px 4px;
  	border: 1px solid #dde4e9;
  	background-color: #F6F6F6;
  	color: #232527;
  	white-space: nowrap;
}

pre {
  	display: block;
  	margin: 30px;
  	padding: 15px;
  	border: 1px solid #dde4e9;
  	-webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  	background-color: #FCFCFC;
  	white-space: pre;
  	white-space: pre-wrap;
  	word-wrap: break-word;
  	word-break: break-all;
  	font-size: 12px;
  	line-height: 20px;
}

pre code {
  	padding: 0;
  	border: 0;
  	background-color: transparent;
  	color: inherit;
  	white-space: pre;
  	white-space: pre-wrap;
}

.pre-scrollable {
  	overflow-y: scroll;
  	max-height: 340px;
}

/* ==================================================
   Typography
================================================== */

h1,
h2,
h3,
h4,
h5,
h6{
	margin:0 0 20px 0;
	color:#323A45;
	font-weight:600;
	font-family: 'Open Sans', sans-serif;
	line-height:1.5em;
}

h1{
	font-size:48px;
}

h2{
	font-size:36px;
}

h3{
	font-size:24px;
}

h4{
	font-size:20px;
}

h5{
	font-size:18px;
}

h6{
	font-size:16px;
}


/* ==================================================
   Margin Bottom Sets
================================================== */

.margin-0{
	margin-bottom:0 !important;
}

.margin-10{
	margin-bottom:10px !important;
}

.margin-15{
	margin-bottom:15px !important;
}

.margin-20{
	margin-bottom:20px !important;
}

.margin-30{
	margin-bottom:30px !important;
}

.margin-40{
	margin-bottom:40px !important;
}

.margin-50{
	margin-bottom:50px !important;
}

.margin-60{
	margin-bottom:60px !important;
}

.margin-70{
	margin-bottom:70px !important;
}

.margin-80{
	margin-bottom:80px !important;
}

.margin-90{
	margin-bottom:90px !important;
}

.margin-100{
	margin-bottom:100px !important;
}





					
/* ==================================================
   Image Static
================================================== */
#image-static {
	margin-top: 100px;
}
.fullimage-container{
	width: 100%;
	position: relative;
	max-height: 700px;
	overflow: hidden;
}
.fullimage-container img {
	width: 100%;
}
.pattern {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../img/pattern.png);
	opacity: 0.3;
	filter: alpha(opacity=30);
}

/* ==================================================
   Content
================================================== */

#content {
	padding: 80px 0 90px;
    position: relative;
}

/* ==================================================
   Team People / Single Team
================================================== */

#team-filter .dropdown {
	float: right;
}

#people {
	margin: 0;
	padding: 0;	
}

#people li {
	list-style: none;	
}

#people li img {
	width: 100%;	
}

.single-people {
	margin-bottom: 30px;
	overflow: hidden;	
}

.single-people .team-img {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom: 18px;	
}

.single-people .team-img .overlay {
	position: absolute;
	display: block;
    height: 100%;
    width: 100%;
	left: 0;
	top: 0;
	
	background: #F97E76;
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: opacity 0.35s ease-in-out 0s;	
	   -moz-transition: opacity 0.35s ease-in-out 0s;
		 -o-transition: opacity 0.35s ease-in-out 0s;
		    transition: opacity 0.35s ease-in-out 0s;
}

.single-people:hover .team-hover .overlay,
.single-people:active .team-hover .overlay,
.single-people.tapped .team-hover .overlay {
	opacity: 0.85;	
	filter: alpha(opacity=85);
}

.single-people .team-hover i {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -12px 0 0 -12px;
	
	color: #FFFFFF;
	font-size: 24px;	
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: opacity 0.15s ease-in-out 0s;	
	   -moz-transition: opacity 0.15s ease-in-out 0s;
		 -o-transition: opacity 0.15s ease-in-out 0s;
		    transition: opacity 0.15s ease-in-out 0s;
}

.single-people:hover .team-hover i,
.single-people:active .team-hover i,
.single-people.tapped .team-hover i {
	opacity: 1;	
	filter: alpha(opacity=100);
}

.single-people .team-name {
	text-align: center;	
}

.single-people .team-name h3 {
	font-size: 16px;
    font-weight: 600;
	margin: 0;
}

.single-people .team-name h4 {
	font-size: 13px;
	font-weight: 400;
	margin: 5px 0 0 0;
}

/* Single Team Page */

#single-team .team-img {
	margin-bottom: 40px;	
}

#single-team .team-img img {
	width: 100%;
}

#single-team .team-social ul {
	margin: 0;
	padding: 25px 0 0;
	
	border-top: 1px solid #E6E6E6;
}

#single-team .team-social ul li {
	list-style: none;
	display: inline-block;
	margin: 0 20px 0 0;	
}

#single-team .team-social ul li a {
	display: block;
}

#single-team .team-social ul li a i {
	font-size: 20px;
	color: #D0DBE2;
	
	-webkit-transition: color 0.15s ease-in-out 0s;	
	   -moz-transition: color 0.15s ease-in-out 0s;
		 -o-transition: color 0.15s ease-in-out 0s;
		    transition: color 0.15s ease-in-out 0s;
}

#single-team .team-social ul li a:hover i {
	color: #F97E76;
}

#single-team .team-name h2 {
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 5px;
}

#single-team .team-name h3 {
	font-size: 16px;
	font-weight: 400;
}

#single-team .paginate-team {
	text-align: center;
	margin: 80px 0 20px 0;	
}

/* ==================================================
   Sidebar and Widgets
================================================== */
.widget {
	margin-bottom: 50px;
}
.widget ul {
	margin: 0;
	padding: 0;
}
.widget ul li {
	list-style: none;
}

/* ==================================================
   Footer
================================================== */
footer {
	position: relative;
	background: #323A45;	
	padding: 80px 0 70px;
}

/* ==================================================
   Footer Widgets
================================================== */
footer.footer-widgets .widget {
	margin-bottom: 0;	
}
footer.footer-widgets {
	color: #FFFFFF;
	font-size: 14px;
}
footer.footer-widgets h3 {
	color: #FFFFFF;
	font-size: 20px;	
}
footer.footer-widgets a {
	color: #F97E76;	
}
footer.footer-widgets a:hover {
	color: #FFFFFF;
}
footer.footer-widgets .follow-us p {
	font-size: 13px;
	margin-bottom: 10px;
	font-weight: 600;
	text-transform: uppercase;
}
footer.footer-widgets .social-icons {
	margin: 0;
	padding: 0;
}
footer.footer-widgets .social-icons li {
	list-style: none;
	display: inline-block;
	margin-right: 20px;	
}
footer.footer-widgets .social-icons li a i {
	font-size: 16px;
}

/* ==================================================
   Footer Credits
================================================== */
#footer-credits {
	position: relative;
	background: #23282F;	
	padding: 20px 0;	
	text-align: center;
}
#footer-credits p {
	color: #FFFFFF;
	font-size: 14px;
	margin-bottom: 0;	
}
#footer-credits p a {
	color: #FFFFFF;
	font-weight: 300;	
}
#footer-credits p a:hover {
	color: #F97E76;	
}

/* ==================================================
   Back to Top
================================================== */
#back-to-top {
	display: none;
	background-color: #323A45;
	margin: 0;
	position: fixed;
	bottom: 0;
	right: 20px;
	width: 50px;
	height: 42px;
	z-index: 99;
	-webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	-webkit-transition: background 0.15s ease-in-out 0s;	
	   -moz-transition: background 0.15s ease-in-out 0s;
		 -o-transition: background 0.15s ease-in-out 0s;
		    transition: background 0.15s ease-in-out 0s;
}
#back-to-top:hover {
	background-color: #F97E76;
}
#back-to-top i {
	font-size: 16px;
	color: #FFFFFF;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -8px 0 0 -8px;
	line-height: 1em;
}