body {font-family: "Roboto", sans-serif; color: #333; font-size: 16px; font-weight: 300; line-height: 1.5;}
.no-padding {padding: 0 !important;}
a {color: #f06622; text-decoration: none;}
a:hover, a:focus {color: #000; text-decoration: underline;}

/* Header */
#head {background: url(../img/egoforma-header.jpg) bottom center no-repeat; 
       background-size: cover; min-height: 580px; padding-top: 215px; color:#666;}
#head.secondary {height: 100px; min-height: 100px; padding-top: 0px;}
#head .lead {font-weight: 700; text-transform: uppercase; font-size: 60px;
      margin-bottom: 20px; text-align: center; color: #333; line-height: 1.15em;} 
#head .lead span {color: #f06622;}
#head .tagline {color: #2a2a2a; font-size: 36px; font-weight: 400; text-align: center; line-height: 50px;}
.tagline-text {background-color: rgba(0,0,0,0.4); padding: 0 50px 5px; display: inline-block;}
#head .tagline a {color:#fff;} 

.center {text-align: center;}
.head-title {height: 70px; margin-top: 100px; background: url(../img/background.png) center center repeat;}
              
/* Autohide navbar */
.slideUp {top: -100px;}
.headroom {-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}

/* Typography */
h1, h2, h3, h4, h5, h6 {margin: 0;}
h1, .h1, h2, .h2, h3, .h3 {}
label {color: #777;}
.thin {font-weight: 300;}
.page-title {margin-top:20px; font-weight: 300;}
.breadcrumb {background:none; padding:0; margin: 30px 0 0px 0;}
ul.list-spaces li {margin-bottom: 10px;}
p {margin: 0;}

/* Helpers */
.container-full {margin: 0 auto; width: 100%;}
.marTop0 {margin-top: 0! important;}
.marTop5 {margin-top: 5px;}
.marTop10 {margin-top: 10px;}
.marTop20 {margin-top: 20px;}
.marTop30 {margin-top: 30px;}
.marTop40 {margin-top: 40px;}
.marTop60 {margin-top: 60px;}
.marBot20 {margin-bottom: 20px;}
.marBot30 {margin-bottom: 30px;}
.marBot40 {margin-bottom: 40px;}
.marBot60 {margin-bottom: 60px;}

img {max-width: 100%;}
img.pull-right {margin-left: 10px;}
img.pull-left {margin-right: 10px;}
#map {width: 100%; height: 500px; margin-top: 40px;}
.img-block img {display: block; height: auto; max-width: 100%;}
        
/*Jumbotron*/
.jumbo1 {padding: 80px 0; margin-bottom: 0; background: url(../img/background.png) center center repeat;}
.jumbo2 {padding: 80px 0; margin-bottom: 0; background: url(../img/egoforma-jumbo2.jpg) top center no-repeat; 
        background-size: cover; min-height: 580px;}
.jumbo3 {background-color: #fff;}
h2.title-index {color: #333; font-size: 40px; margin-bottom: 50px;}
h2.title-white {color: #fff; font-size: 40px; margin-bottom: 50px;}
h2.title-upper {color: #333; font-size: 40px; text-transform: uppercase; margin-bottom: 50px;}
.center-black p {font-size: 18px; line-height: 30px; margin-bottom: 0;}
.center-white p {color:#eee; font-size: 18px; line-height: 30px; margin-bottom: 0;}
.btn-center {text-align: center; width: auto;}

/*Index content block*/
.index-img {padding: 0;}
.title-up h4 {color: #8a8a8a; font-size: 18px; font-weight: 300;}
.margin-left {margin-top: 44px; padding-right: 33px;}
.margin-right {margin-top: 44px; padding-left: 33px;}
h2.title-middle {color: #333; font-size: 36px; font-weight: 300; margin-bottom: 44px;}
.text-middle {margin-bottom: 30px;}
.text-middle p {line-height: 1.6;}

/* Main content block */
.maincontent {}
.content-block-margin {margin: 30px 0 0;}
.main-block {margin-bottom: 60px;}
.main-title h1 {color: #333; font-size: 30px; line-height: 40px; padding: 14px 0; font-weight: 300; text-transform: uppercase; margin: 0;}
.maincontent h2 {color: #4e4e4e; font-size: 24px; font-weight: 300; margin: 0 0 30px;}
h2.txt-img {margin-bottom: 0;}
h4.txt-img {margin-bottom: 30px; font-weight: 300;}
.more {height: 38px;}
.btn-more a {color: #fff; background-color: #00aeef; text-align: center;
             height: 38px; width: 38px; display: block; float: right; margin-right: 10px;
            -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px;
}
.btn-more a .fa {font-size: 30px; line-height: 38px;}
.btn-more a:hover {background-color: #aeadad;}
#map-canvas {display: block; width: 100%; height: 400px; margin-top: 20px;}
.table > tbody > tr > th {border-bottom: medium none; color: #74aa00; font-weight: 600;}
.element {padding-top: 10px;}
.element ul {font-weight: 300;}
.element ul li {line-height: 30px;}
.text-grey {background-color: #eee; padding: 15px;}
.contact-text p {font-size: 14px; line-height: 1.6; margin-bottom: 0;}
.contact, .simple {margin-top: 40px;}
.simple-text {padding: 0 0 30px 3px;}
.references-holder h3 {margin-bottom: 20px;}
blockquote {font-style: italic; margin: 30px 0 30px; border-left: none; border-right: 5px solid #ddd; text-align: right;}
blockquote, blockquote .small, blockquote footer, blockquote small {color: #f06622;}
blockquote .small:before, blockquote footer:before, blockquote small:before {content: '';}
.responsive-video {overflow: hidden; padding-bottom: 56.25%; padding-top: 60px; position: relative;}
.responsive-video iframe, .responsive-video object,
.responsive-video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Sidebars */
.sidebar {padding-bottom: 30px;}
.sidebar .widget {margin-bottom: 20px;}
.sidenav-header h2 {color: #333; font-size: 24px; text-transform: uppercase; font-weight: 300; 
                border-bottom: 1px solid #ccc; padding: 0 0 3px 3px; margin-bottom: 30px;}
.sidebar-nav .nav > li, .sidebar-nav .nav > li > a {color: #444; font-size: 14px; outline: none; display: block; 
              margin: 4px 0; padding: 0 0 0 3px; position: relative;}
.sidebar-nav .nav > li > a:hover, .sidebar-nav .nav > li > a:focus {color: #f06622; background-color: transparent;}
.sidebar-nav .nav > li.active a {background-color: #98bf26; color: #fff; padding-left: 3px;}
.appoint-order {width: auto; text-align: center; margin: 30px 0 50px;}
.appoint-text {margin-top: 10px;}

/*References*/
.references-holder {margin: 40px 0;}
.references-page ul {list-style: none;}
.references-page ul li::before {content: "\2022"; color: #f06622; display: inline-block; width: 1em; margin-left: -1em}
.references-holder img.image {padding: 15px;}
.articles ul {padding-left: 15px; list-style: none;}
.articles ul li {margin-bottom: 10px;}
.articles ul li a {color: #444;}
.articles ul li a:focus {text-decoration: none;}
.articles ul li a:hover, .articles a:hover span {color: #f06622;}
.articles ul li::before {content: "\2022"; color: #f06622; display: inline-block; width: 15px; margin-left: -20px;}
.articles span {color: #000; font-weight: 400;}
.articles span.link {color: #f06622; font-weight: 400;}

/* FOOTER */
#footer {margin-top: 60px;}
.footer1 {background: #666; color: #fff; padding: 55px 0; font-weight: 300;}
        .footer1 p {margin: 0;}	
        .footer1 p, .footer1 ul li {line-height: 24px;}
        .footer1 a {color: #fff;}
	.footer1 a:hover {color: #f06622; text-decoration: none;}
	.footer1 .widget {}		
	.footer1 h3.widget-title {margin: 0 0 30px; font-size: 22px; font-weight: 300; color: #fff; text-transform: uppercase;}
        .footer1 h3.widget-title.partners {margin: 0 0 40px;}
        .footer1 .widget-body {}
	.footer1 .widget-body i {float: left; margin-right: 32px; font-size: 20px;}
        .footer1 .widget-body span a {color: #cc0000;}
        .footer1 .widget-body span a:hover {color: #fff;}
	.follow-me-icons {font-size:30px;}		
	.follow-me-icons i {float:left; margin:0 10px 0 0;}
        .footer1 ul {list-style: none; padding-left: 0;}
        .footer1 ul.blogfoot li {margin-bottom: 20px;}
        .footer1 form {margin-bottom: 32px;}
        .footer1 span a {color: #af0090; background-color: transparent;}
        .footer1 span a:hover {color: #c27000;}
        .footer-margin {margin-top: 54px;}
        .footer-logo {margin-bottom: 40px;}
        .footer-logo a img:hover {-webkit-filter: drop-shadow( 0px 0px 8px #f06622 );
                    filter: drop-shadow( 0px 0px 8px #f06622 );}

.footer2 {background-color: #3c3c3c; padding: 36px 0 32px; color: #ddd; font-size: 14px;}
	.footer2 a {color: #ddd;}
	.footer2 a:hover {color: #f06622; text-decoration: none;}
	.footer2 p {margin: 0; line-height: 24px;}

	.widget-simplenav {margin-left:-5px;}		
	.widget-simplenav a {margin:0 5px;}
        
        .footer2 .widget-body i {float: left; margin-right: 32px; font-size: 20px;}
        .footer-item {float: left; display: block; line-height: 14px;}
        .famargin:after {content: ""; display: block; float: right; font-family: fontAwesome;
    font-size: 5px; line-height: 16px; margin-left: 10px; margin-right: 14px; width: 0;}

/*FORM*/
.form dl {clear: both; position: relative;}
.form dt {margin-bottom: 25px; float: right; width: 0;}
.form dd {margin-bottom: 25px; float: left; width: 100%; position: relative;}
.form dl dt label {}
.form dd#submit-element {margin-top: 60px;}
.form dd#privacy-element {left: 0; top: 340px; position: absolute;}
.form dd#privacy-element input {width: 30px;}
.form dt#privacy-label {left: 50px; top: 340px; width: auto; position: absolute;}
.form dt#privacy-label label {font-size: 14px; font-weight: normal;}

.form dl dd input {
    font-weight: 300; display: block; width: 100%; height: 34px; padding: 6px 12px;
    font-size: 14px; line-height: 1.42857143; color: #222; background-color: #fff; 
    background-image: none; border: 1px solid #ccc; font-weight: 300;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.form dl dd textarea {
    font-weight: 300; display: block; width: 100%; height: 150px; padding: 6px 12px;
    font-size: 14px; line-height: 1.42857143; color: #222; background-color: #fff; 
    background-image: none; border: 1px solid #ccc; font-weight: 300;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.form dl dd input[type=submit] {background-color: #f06622; font-size: 22px; text-transform: uppercase;
     border-radius: 0; font-weight: 300; color: #fff; height: auto; padding: 10px 0 !important; 
     border: none !important; width: 200px;}
.form dl dd input:hover[type=submit] {background-color: #555;}
p.description {font-size: 14px;}

ul.errors {
    list-style: outside none none;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 0;
    position: absolute;
    right: 0;
    bottom: 5px;
    background-color: #333;
    z-index: 1000;
}
ul.errors li {color: #fff; font-size: 14px; font-style: italic;}
#subject-label, #subject-element {
    visibility: hidden;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/*BACK TO TOP*/
#toTop {display:none; text-decoration:none; position:fixed; bottom:20px; right:10px; overflow:hidden;
	width:51px; height:51px; border:none; text-indent:100%; background:url(../img/ui.png) no-repeat left top;}
#toTopHover {background:url(../img/ui.png) no-repeat left -51px; width:51px; height:51px;
	display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}