/*


Theme Name: Briwfi
Theme URI:  http://ninetheme.com/themes/briwfi/
Author: Ninetheme
Author URI: http://ninetheme.com/
Description: Briwfi Onepage vCard Template
Version: 5.2
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: three-columns, left-sidebar, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-menu, editor-style, featured-images, post-formats, threaded-comments, translation-ready


*/

@import url(http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600,600italic,700);

/* ========TABLE OF CONTENTS========== 
00. BODY, LINKS, SECTION TITLES, GENERAL
01. HEADERBAR, NAVIGATION
02. EVERY SECTION TITLES
03. SECTION ABOUT
	ABOUT LEFT SIDE
	ABOUT RIGHT SIDE
	ABOUT RIGHT CONTENT TOP
	ABOUT RIGHT CONTENT BOTTOM
04. SECTION RESUME
05. SECTION SERVICES
06. SECTION PORTOFOLIO (WORKS)
	WORKS GRID
	WORKS FILTERS
07. SECTION CONTACT
	GENERAL FORM STYLES
	MESSAGE FOR SUCCES
08. MEDIA QUERIES FOR RESPONSIVE DESIGN

/* ========00. BODY, LINKS, SECTION TITLES, GENERAL========== */
html, body {
     width: 100%;
     height: 100%;
}
body {
  	font-family: 'Montserrat', sans-serif;
  	font-size: 14px;
  	color: #222222;
  	-webkit-font-smoothing: antialiased;
  	background: #ffffff;
  	position: relative;
}
a {
  	color: #222222;
  	-webkit-transition: 0.2s;
  	-moz-transition: 0.2s;
  	transition: 0.2s;
}
a:hover {
  	color: #3dc9b3;
  	text-decoration:none;
}





/* ========01. HEADERBAR, NAVIGATION========== */
#headerBar {
	z-index: 999;
  	width: 100%;
  	height: auto;
  	min-height: 80px;
  	-webkit-transition: 0.2s cubic-bezier(.58,.83,.57,.84); 
  	-moz-transition: 0.2s cubic-bezier(.58,.83,.57,.84); 
  	transition: 0.2s cubic-bezier(.58,.83,.57,.84); 
  	position: fixed;
  	top: 0px;
  	background: #fff;
	-webkit-box-shadow: 0px 7px 16px 0px rgba(50, 50, 50, 0.1);
		-moz-box-shadow:    0px 7px 16px 0px rgba(50, 50, 50, 0.1);
	/* box-shadow:         0px 7px 16px 0px rgba(50, 50, 50, 0.1); */
}
#headerBar .container {
	padding: 0;
}
.headerLeft {
	text-align: left;
	line-height: 72px;
	padding: 0;
}
.headerRight {
	text-align: left;
	padding: 0;
}
.navbar-collapse {padding-left: 0px;}
.navbar {margin-bottom: 0;-webkit-padding-start: 0px;}
.navbar li{display: inline-block;margin: 0 10px;}
.navbar li ul{display: none;}
.navbar li:hover ul{display: block; position:absolute; /* top:10px; */background: #fff;border: 1px solid #ddd;padding: 10px 20px;}
.navbar li ul li{display: block; margin:0; padding: 0px;}
.navbar li ul li a{line-height: 40px;}
.navbar li a{
  	font-weight: 400;
  	font-size: 12px;
  	line-height: 80px;
  	letter-spacing: 2px;
  	text-decoration: none;
  	z-index: 999;
  	padding: 4px 0;
  	-webkit-transition: 0.3s;
  	-moz-transition: 0.3s;
  	transition: 0.3s;
  	text-transform: uppercase;
}
.navbar li.active a {
	border-bottom: 1px solid #3dc9b3;
	color: #3dc9b3;
}
.navbar-toggle {
	font-size: 30px;
	cursor: pointer;
	margin-top: 17px;
	margin-bottom: 0;
}

/* ========02. EVERY SECTION TITLES========== */
.sectionTitle {
	text-align: center;
	padding-top: 56px;
	padding-bottom: 20px;
}
.sectionTitle h1 {
  	letter-spacing: 1px;
  	font-size: 24px;
  	font-weight: 600;
  	text-transform: uppercase;
}
.sectionTitle h4 {
  	letter-spacing: 1px;
  	font-size: 12px;
  	font-weight: 400;
  	text-transform: uppercase;
  	padding-bottom: 5px;
}
.sectionTitle p {
  	font-size: 18px;
  	font-weight: 300;
  	line-height: 25px;
  	color: #787878;
  	font-family: 'Crimson Text', serif;
  	font-style: italic;
}
.sectionTitle .separatorlineblack {
  	margin-bottom: 30px;
}
.separatorlineblack {
  	width: 100px;
  	height: 2px;
  	margin: 0 auto;
  	background: #000;
}
/* ========03. SECTION ABOUT========== */

.sectionAbout {
	text-align: center;
 	background-image: url(images/02.jpg);
 	background-size: cover;
 	background-repeat: no-repeat;
	-webkit-box-shadow: inset 0px -9px 33px -5px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px -9px 33px -5px rgba(0,0,0,0.2);
	box-shadow: inset 0px -9px 33px -5px rgba(0,0,0,0.2);
}
.aboutContainer {
	padding: 0;
}

.sectionAbout {
	background-size: auto 100%;
	background-position: center;
}


/* ====ABOUT LEFT SIDE==== */

.aboutLeft {
	height: 100%;
 	text-align: left;
 	padding-left:0;
 	padding-top: 30%;
}
.intro-content {
	text-align: center;
}
.intro-heading h1 {
  	color: #ffffff;
  	font-size:65px;
  	font-weight: 700;
  	letter-spacing: 2px;
  	text-transform: uppercase;
  	padding-bottom: 10px;
  	line-height: 75px;
}
.lineTag {
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	margin-right: 10px;
}
.lineTag:after {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	overflow: hidden;
	margin-left: 10px;
	border-radius: 100%;
	background: #ffffff;
	margin-bottom: 2px;
}


/* ====ABOUT RIGHT SIDE==== */

.aboutRight {
	background-color: #ededed;
	padding: 0;
	min-height: 750px;
	-webkit-box-shadow: inset 0px -9px 33px -5px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px -9px 33px -5px rgba(0,0,0,0.1);
	box-shadow: inset 0px -9px 33px -5px rgba(0,0,0,0.1);
}
.aboutRight h2 {
	font-size: 13px;
	text-transform: uppercase;
}
/* ====ABOUT RIGHT CONTENT TOP==== */
.aboutRightContentTop {
	background: #ffffff;
	padding-top: 20%;
	padding-right: 8%;
	padding-left: 8%;
	padding-bottom: 25px;
	text-align: left;
}
.aboutTitle h1{
	font-size: 40px;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.aboutTitle h2 {
	margin-top: 0;
	color: #777!important;
	text-transform: lowercase!important;
}
.aboutIntro {
	margin-top: 30px;
}
.aboutIntro p{
	font-size: 17px;
  	font-weight: 300;
  	color: #787878;
  	font-family: 'Crimson Text', serif;
  	font-style: italic;
}

/* ====ABOUT RIGHT CONTENT BOTTOM==== */
.aboutRightContentBottom {
	padding-right:10%;
	padding-left: 10%;
	text-align: left;
	padding-top: 25px;
	padding-bottom: 30px;
}
.aboutRightContentBottom h4 {
	margin: 5px 0;
	padding: 0;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 20px;
}

h4.lastChildRCB {
	margin-bottom: 40px;
}
a.scroll-down {
	border: 2px solid #222222;
	color: #222222;
	background: transparent;
	padding: 10px 20px;
	text-transform: uppercase;
	font-size: 13px;
}



/* ========04. SECTION RESUME========== */

.sectionResume {
	background: #ffffff;
	min-height: 600px;
}
.sectionResume h2 {
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	margin-bottom: 30px;
}
.resumeLeft span, .resumeRight span {
	font-size: 30px;
}
.resumeLeft {
	text-align: right;
	border-right: 1px solid #eee;
}
.resumeRight {
	text-align: left;
}
.resumeList {
	-webkit-padding-start: 0px;
	-moz-padding-start:0px;
	padding: 0 10px;
}
.resumeList li{
	list-style: none;
	margin-top: 16px;
	margin-bottom: 16px;
}
.resumeList li h4 {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.resumeName {
	color: #666;
	font-size: 12px;
	text-transform: lowercase;
}
.resumeList p {
	font-size: 16px;
  	font-weight: 300;
  	color: #787878;
  	font-family: 'Crimson Text', serif;
  	font-style: italic;
}
.resumePeriod {
	background: #222222;
	color: #fff;
	padding: 2px 4px;
	font-size: 12px;
	font-style: italic;
}

.resumeStats {
  	margin-top: 25px;
  	text-align: center;
}
.resumeStats span {
	font-size: 30px;
}
.resumeStats .col-md-2 {
  	padding: 50px 0 75px;
  	border-left: 1px solid #eee;
  	border-top: 1px solid #eee;
}

.statsIconPerc {
  	font-size: 50px;
  	font-weight: 500;
  	letter-spacing: 1px;
}
.statsName {
  	text-transform: uppercase;
  	font-size: 14px;
  	font-weight: 600;
  	letter-spacing: 1px;
}


/* ========05. SECTION SERVICES========== */

.sectionServices {
  	background: #eee;
  	padding-bottom: 50px;
}

.servicesCol4 {
  	padding-top:30px;
  	padding-bottom:30px;
  	overflow: hidden;
  	min-height: 215px;
}
.servicesCol4 h3 {
  	font-size: 15px;
  	margin-top: 0px;
  	padding-top: 0;
  	text-transform: uppercase;
  	font-weight: 600;
  	text-align: left;
}
.servicesCol4 p{
  	font-size: 16px;
  	font-weight: 200;
  	font-family: 'Crimson Text', serif;
  	text-align: left;
  	font-style: italic;
  	color: #666;
  	padding-top: 10px;
}
.servicesCol4 span {
  	font-size: 40px;
  	text-align: center;
  	color: #3dc9b3;
}
.servicesLeft {
  	float: left;
}
.servicesRight {
  	padding-left: 23%;
  	padding-right: 2%;
}

.normalSection {padding: 80px 0;}
.normalSection h1{letter-spacing: 1px;
font-size: 24px;
font-weight: 600;
text-transform: uppercase;}

/* ========06. SECTION PORTOFOLIO (WORKS)========== */
.sectionWorks {
	padding-bottom: 100px;
}

/* ====WORKS GRID==== */
#worksGrid {
	display: table;
	min-width: 100%;
}
.worksItem {
  	display: none;
  	padding: 0px;
  	overflow: hidden;
  	height: auto;
  	text-align: center;
}
.worksItem img {
	width: 100%;
	height: auto;
}
.worksItem .itemCaption.two{padding:40px;}
.worksItem .itemCaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-top: 100px;
	opacity: 0;
  	-webkit-transition: all .35s ease-out;
  	transition: all .35s ease-out;
  	color: #fff!important;
}
.worksItem:hover .itemCaption {
	padding-top: 70px;
	opacity: 1;
	background-color: rgba(61,201,179,0.6);
}
.itemCaption h2 {
	font-size: 18px;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding-bottom: 0;
}
.itemCaption p {
	font-size: 16px;
  	font-weight: 200;
  	font-family: 'Crimson Text', serif;
  	font-style: italic;
}
.itemCaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0;
	-webkit-transition: opacity 0.35s,
	-webkit-transform 0.35s;
	transition: opacity 0.35s,
	transform 0.35s;
}
.worksItem:hover .itemCaption::before {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}



/* ====WORKS FILTERS==== */
.worksFilters {
  	-webkit-padding-start:0px;
}
.worksFilters {
  	margin: 0 auto;
  	text-align: center;
  	padding-bottom: 50px;
}
.worksFilters li {
  	display: inline-block;
  	cursor: pointer;
  	padding: 6px 0px;
  	margin:0 15px;
  	font-weight: 400;
  	font-size: 12px;
  	text-transform: uppercase;
  	-webkit-transition: all .2s ease-out;
  	transition: all .2s ease-out;
  	letter-spacing: 1px;
		border-bottom: 1px solid #fff;
}
.current-filter {
  	border-bottom-color:  #3dc9b3;
  	color: #3dc9b3;
}



/* ========07. SECTION CONTACT========== */


.sectionContact {
	background: #eee;
}
.contactForm {
	max-width: 600px;
	margin: 50px auto;
}

.contactFooter {
	background-color: #111;
	padding: 40px 0 30px 0;
	color: #fff;
}
.footerLeft {
	font-size: 13px;
	font-weight: 400;
	color: #777;
	padding-top: 15px;
}
.footerRight {
	text-align: right;
	font-size: 40px;
}
.footerRight a{
	color: #777;
}

.footerRight.awesome a{
	color: #777;
	border: 2px solid;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	font-size: 24px;
}

.footerRight a:hover {
	color: #fff;
}

/* ====GENERAL FORM STYLES==== */

input, textarea, select {
    color: #222;
	background: transparent;
	vertical-align: top;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	margin: 0;
	padding: 15px;
	width: 100%;
	height: 100%;
	border: 0;
	border: 1px solid #ccc;
    font-size: 13px;
    font-weight: 600;
}
input:focus, textarea:focus, select:focus {
	outline: none;
	position: relative;
	z-index: 5;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	border: 1px solid #222;
}
input.error, textarea.error, select.error {
	border: 1px solid #3dc9b3;
}
input.submit {
	width: auto;
	cursor: pointer;
	position: relative;
    background: transparent;
    border: 2px solid #222;
    color: #222;
    padding: 16px;
    margin: 20px 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 15px;
  	font-weight: 600;
}
input.submit:hover {
  	color: #ffffff;
    background: #222;
}
#contactform input[type="submit"][disabled] { background:#777; cursor: default; }
#contactform div {margin: 20px 0;}
#contactform label { 
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
 }
.contactForm fieldset { padding:0;border:0; }

/* ====MESSAGE FOR SUCCES==== */

#message { 
	margin: 1em 0; 
	padding: 0; 
	display: block; 
	background: transparent none; 
}
#message h1 {
  	letter-spacing: 1px;
 	font-size: 20px;
  	font-weight: 400;
	text-transform: uppercase;
}

#message p {
  	font-size: 16px;
  	font-weight: 200;
  	font-family: 'Crimson Text', serif;
  	text-align: left;
  	font-style: italic;
}

/* ====MESSAGE FOR ERROR==== */
.errorMessage { 
  	display: block;
  	font-size: 14px;
    padding: 20px 0 0 0;
}

ul.errorMessages { padding: 10px 0 0 0; }
ul.errorMessages li { 
  	font-size: 16px;
  	font-weight: 200;
  	font-family: 'Crimson Text', serif;
  	text-align: left;
  	color: #3dc9b3;
  	list-style: none;
  	line-height: 25px;
  }

/* ====MODAL POPUP==== */
.modal-box {
	max-width: 550px;
	background: #fff;
	position: relative;
	margin: 0 auto;
}
.modal-box img {
	width: 100%;
	height: 100%;
}
.modal-box-content {
	padding: 25px;
}
.modal-box-content h2 {
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 2px;
}
.modal-box-content p {
	color: #777777;
	font-family: 'Maven Pro', serif;
	font-size: 16px;
	line-height: 28px;
}

 /* 15-) WordPress Core
-------------------------------------------------------------- */

.pager li > a, .pager li > span {
display: inline-block;
padding: 10px 18px;
font-size: 12px;
background-color: #FFF;
border: 2px solid #3F3F3F;
border-radius: 0;
}
.pager li > a i.icon-long-arrow-right {margin-left:15px;}
.pager li > a i.icon-long-arrow-left {margin-right:15px;}
.pager li > a:hover {
color: #FFF;
background: #222;
}
.relative {position: relative !important;}
.bypostauthor {}
.gallery-caption{}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
div.wpcf7-response-output {
margin: 0; 
padding: 1.2em 1em;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.sticky {background: #333; padding: 30px; color: #FFF;}
.sticky p, .sticky a{ color: #FFF;}
.more-link{color: #428BCA;}
.page article .article-img {margin-bottom:40px;}

.nav-links span.current {border: 2px solid #333 !important;}
.nav-links a.page-numbers ,.nav-links span.current {border: 2px solid #DDD;
padding: 5px 10px;
display: inline-block;}

#widget-area .widget img{max-width:100%;}
#widget-area .widget:last-child {padding-bottom:40px !important;}
#widget-area #searchform  { position:relative; max-height: 50px;}
#widget-area .menu {opacity: 1 !important;}
#widget-area #searchform input#searchsubmit {
    position: absolute;
    right: 11px;
    top: 9px;
    width: 34%;
    height: 30px;
    line-height: 0;
    padding: 0;
    margin: 0;
    border: 0;
    border-left: 1px solid #ddd;
}
#widget-area #searchform input[type="text"] {
	width: 86%;
	padding: 15px;
	margin:0 0 15px;
	border: 1px solid #DDD;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
}

label.screen-reader-text {
display: none;
}

span.comment-author-link {
	opacity: 0.6;
	font-size: 14px;
	font-weight: 200;
}

.widget table thead th, table tbody td, table tr td {
	display: table-cell;
	padding: 8px;
	vertical-align: top;
	text-align: left;
	border-top: 1px solid #E5E5E5;
}
.widget  table thead tr th {
	font-size: 14px;
	font-weight: normal;
}
.widget  table tr td, table tbody tr td {
	font-size: 12px;
	color: #333;
}
.widget #calendar_wrap caption {
	text-align: left;
	font-size: 14px;
	padding: 0 0 20px;
}
.widget select {
	width: 202px;
	padding: 10px;
	margin: 0 0 15px;
	
}
.widget{
	margin-bottom: 40px;
	position: relative;
}
.widget ul {margin:0; padding:0;}
.widget ul li {list-style:none;margin-bottom: 5px;}
.widget ul li a{color: #8D8D8D;}
.widget-title {
	letter-spacing: 1px;
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#primary {padding:60px 0;}
.entry-title {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 24px;
	margin: 0;
}
.article-img {
margin-bottom: 30px;
}
article img {
	max-width: 100%;
}
.posts article:last-child {border:none !important;}
.posts article {
	margin-bottom: 40px;
border-bottom: 1px solid #DDD;
padding-bottom: 10px;
}
.navigation  h2 {display:none;}
.tags-links{
	border-right: 2px solid #ddd;
	padding: 0px 10px 0 0px;
	display: inline-block;
	margin: 0px 10px 0px 0;
}
p.date {
	border-right: 2px solid #ddd;
	padding: 0px 10px 0 0px;
	display: inline-block;
	margin: 0px 10px 0px 0;
}
p.category {
	
	padding: 0px 10px 0 0px;
	display: inline-block;
	margin: 0px 10px 0px 0;
}
.meta {
border: 2px solid;
padding: 10px;
border-bottom: 2px solid;
margin: 20px 0;
font-size: 12px;
}
code {  white-space: normal;  }
.single-post article {margin-bottom: 14px;}
.containerx {}
.containerx .children { margin-bottom: 70px; }
.comments ul  {margin:0; padding:0;}
.comments ul li {list-style:none;margin-bottom: 15px;}
.comments ul li span{float: left; margin-right: 30px;}
.comments ul li .who-comment{margin-left: 100px; border: 1px solid #EEE; padding: 15px;}
.children {margin-bottom: 30px;}
.text-bold , .comment-reply-title{text-transform: uppercase;
margin-bottom: 30px;}
.breadcrumbs {margin-top:20px;text-transform: uppercase;text-align: center;font-size: 13px;}
.breadcrumbs a{
    text-transform: uppercase;
}

span.bredcrumb-separator {
margin: 0 10px;
}
.content-container {position:relative;}
.content-container footer span{position: absolute; top: -60px; left: 0px; background: #2EB267; padding: 5px 10px; color: #FFF;}
.content-container footer span a{color: #FFF;}

.align-center.edit-buttons {text-align:center; position:relative;}
.align-center.edit-buttons span a{color: #FFF;}
.align-center.edit-buttons span{
	text-align: center;
	position: absolute;
	top: 0px;
	background: #2EB267;
	color: #FFF;
	padding:5px 10px;
}
#share-buttons {
	margin: 30px 0;
}
#share-buttons i {
	width: 29px;
	height: 29px;
	line-height: 29px;
	padding: 0px; 
	border: 0;
	display: inline;
}

#loader-wrapper {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10000;
	}
	
	/* Body loading effect */
	#loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #3498db;
	z-index: 1001;
	-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

	}

	#loader:before {
		content: "";
		position: absolute;
		top: 5px;
		left: 5px;
		right: 5px;
		bottom: 5px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #e74c3c;
		-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
		animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	}

	#loader:after {
		content: "";
		position: absolute;
		top: 15px;
		left: 15px;
		right: 15px;
		bottom: 15px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #f9c922;
		-webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
		animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	}

		@-webkit-keyframes spin {
			0%   { 
				-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
				-ms-transform: rotate(0deg);  /* IE 9 */
				transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
			}
			100% {
				-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
				-ms-transform: rotate(360deg);  /* IE 9 */
				transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
			}
		}
		@keyframes spin {
			0%   { 
				-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
				-ms-transform: rotate(0deg);  /* IE 9 */
				transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
			}
			100% {
				-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
				-ms-transform: rotate(360deg);  /* IE 9 */
				transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
			}
		}

		#loader-wrapper .loader-section {
			position: fixed;
			top: 0;
			width: 51%;
			height: 100%;
			background: #F2F2F2;
			z-index: 1000;
			-webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: translateX(0);  /* IE 9 */
			transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
		}

		#loader-wrapper .loader-section.section-left {
			left: 0;
		}

		#loader-wrapper .loader-section.section-right {
			right: 0;
		}

		/* Loaded */
		.loaded #loader-wrapper .loader-section.section-left {
			-webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
				-ms-transform: translateX(-100%);  /* IE 9 */
					transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

			-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
					transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
		}

		.loaded #loader-wrapper .loader-section.section-right {
			-webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
				-ms-transform: translateX(100%);  /* IE 9 */
					transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

			-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
			transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
		}
		
		.loaded #loader {
			opacity: 0;
			-webkit-transition: all 0.3s ease-out;  
					transition: all 0.3s ease-out;
		}
		.loaded #loader-wrapper {
			visibility: hidden;

			-webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
				-ms-transform: translateY(-100%);  /* IE 9 */
					transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

			-webkit-transition: all 0.3s 1s ease-out;  
					transition: all 0.3s 1s ease-out;
		}
		
		/* JavaScript Turned Off */
		.no-js #loader-wrapper {
			display: none;
		}


.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    /* height:0; */
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* ======== CUSTOM ========== */

#headerBar .headerLeft img {
	padding: 0 20px;
}

.sectionResume .vc_btn3-container {
	margin-bottom: 70px;
    margin-top: 30px;
}

.sectionResume .icon-briefcase,
.sectionResume .icon-notebook {
	display: none;
}

section#sedi-e-visite {
    background: #fff;
}

section#sedi-e-visite a {
	color: #428bca
}

section#contact-2 {
    background: #eee;
}

#contact-2 .sectionTitle {
	padding-top: 30px;
	padding-bottom: 0px;
}

.contactForm {
    margin-top: 0;
}

.last-pub-title {
    font-size: 16px;
    height: 152px;
    display: table-cell;
    vertical-align: middle;
}

.last-pub-journal {
	height: 20px;
}

.last-pub-autor,
.last-pub-journal,
.last-pub-date {
	color: #ACACAC;
}

.last-pub-autor {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; /* number of lines to show */
   line-height: 18px;        /* fallback */
   height: 40px;
}

.last-pub-wrapper,
.last-pub-wrapper .vc_gitem_row .vc_gitem-col {
	min-height: 306px;
}

.bread-container {
	display: none;
}

.entry-title {
	color: #0095E5;
	margin-bottom: 30px;
}

span.pub-label {
	color: red;
}

.pub-journal,
.pub-autor {
	font-size: 18px;
	color: #888;
}

.pub-journal {
	margin-top: 30px;
}

.pub-autor {
	margin-top: 10px;
	margin-bottom: 30px;
}

#share-buttons i {
    padding: 0px 8px;
}

.pubs-title {
	color: #0095E5;
}

.action-pub {
	margin: 40px 0 60px;
}

.btn-pub {
    background-color: #EEE;
    padding: 10px;
    width: 220px;
    margin: 0 auto;
    text-align: center;
    margin-top: 18px;
}

#sfwa_footer .widget ul li a {
    color: #FFF;
}

.sfwa_footer_area {
    padding: 10px 40px;
}

.sfwa_footer_area .footer_box {
	line-height: 18px;
}

#sfwa_footer_widget-3 .fa {
	padding: 0 6px;
}

.footer-creditibility {
	text-align: center;
	color: black;
}

.footer-creditibility .sfwa_footer_area {
    width: 100%;
}

.footer-creditibility .sfwa_row {
	width: 100%;
}

.vc_row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.category-blogs .meta .tags-links, 
.category-blogs .meta .category {
	display: none;
}

.category-blogs .meta .date {
	border-right: none;
}

.sectionAbout .aboutRightContentBottom i {
    float: left;
    margin-right: 8px;
    padding-top: 2px;
}

.vc_grid-container-wrapper .vc_gitem-post-data-source-post_excerpt {
	text-align: justify;
}

#about-me .aboutIntro p {
	text-align: justify;
}

.post .entry-header h2.entry-title {
	text-align: center;
}

.allpubs-grid2 {
	height: 300px;
}

.allpubs-grid2 .pubs-title {
	height: 116px;
	display: table-cell;
	vertical-align: middle;
}

p.date {
	display: none;
}

.sectionServices {
	background: url("images/pubblicazioni.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	background-size: auto 100%;
	background-position: center; 
}

section#contact-2 {
	background: url("images/contatti3.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	background-size: auto 100%;
	background-position: center; 
}

section#contact-2 .sectionTitle p {
	color: black;
}

section#contact-2 .contactForm input,
section#contact-2 .contactForm textarea {
	background-color: white;
}


/* ========08. MEDIA QUERIES FOR RESPONSIVE DESIGN========== */
@media screen and (max-width: 768px) {

.intro-heading h1 {
  	font-size:45px;
  	line-height: 45px;
}

.navbar li a {
	line-height: 40px;
}

.navbar li ul {display:block; margin:0; padding: 0; border; 0}
.navbar li:hover ul {
	display: block;
	position: relative;
	background: #FFF;
	border: 0;
	padding: 0;
}

.vc-gitem-zone-height-mode-auto:before {
    padding-top: 10% !important;
}

}

/* ========08. MEDIA QUERIES FOR RESPONSIVE DESIGN========== */
@media screen and (max-width: 766px) {

.navbar li {
	display: block;
}

}


@media screen and (max-width: 480px) {

.resumeStats .col-md-2 {
  	padding: 20px;
	min-height: 170px;
}
body {overflow-x: hidden;}

.footerRight, .footerLeft{text-align: center !important;}
.footerLeft{margin-bottom: 20px !important;}

}

@media screen and (max-width: 780px) {

.footer-creditibility .credits .left,
.footer-creditibility .credits .right {
	text-align: left;
	width: 100%;
	float: none;
	margin-top: 20px;
}

.footer-creditibility .logo {
    background: url("images/logo-elvenstudio-mini-web.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	width: 120px;
	height: 27px;
	position: absolute;
	top: 34px;
	margin-left: 16px;
}

}

@media screen and (min-width: 638px) {

section#sedi-e-visite .lista-sedi .wrapper-sedi-visite {
	width: 590px;
}

}

@media screen and (min-width: 780px) and (max-width: 980px) {

.sectionResume .resumeList li.even {
	width: 100%;
	margin-left: 360px;
	text-align: left;
}

.footer-creditibility .credits .left {
	text-align: right;
	width: 50%;
	float: left;
}

.footer-creditibility .credits .right {
	text-align: left;
	width: 49%;
	float: left;
	margin-left: 5px;
}

.footer-creditibility .logo {
	background: url("images/logo-elvenstudio-mini-web.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	width: 120px;
	height: 27px;
	position: absolute;
	top: -5px;
	margin-left: 16px;
}

.last-pub-wrapper {
	min-height: 370px;
}

#sfwa_footer .sfwa-contact-informations {
	font-size: 12px;
} 

}

@media screen and (min-width: 981px) {

.sectionResume .resumeList li.even {
	width: 100%;
	margin-left: 460px;
	text-align: left;
}

.footer-creditibility .credits .left {
	text-align: right;
	width: 53%;
	float: left;
}

.footer-creditibility .credits .right {
	text-align: left;
	width: 46%;
	float: left;
	margin-left: 6px;
}

.footer-creditibility .logo {
	background: url("images/logo-elvenstudio-mini-web.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	width: 120px;
	height: 27px;
	position: absolute;
	top: -5px;
	margin-left: 16px;
}

}