/************************************************************************
// General CSS
*************************************************************************/

/*.section-service{
margin-left: 10%!important;	
}
*/

.section-service{
  padding-top:5em;
}

.blog-header .nav.navbar-nav > li {
    background-color:rgba(83,86,167,0.8);
    color: #EEE!important;
  position:relative!important;
  top:10px!important;
}

.blog-header .nav a {
    background-color:;
  color:#EEE!important;
  margin:0px 0 0;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}


.blog-header .nav a:hover {
  background-color:#5356A7!important;;
  color:#EEE!important;
text-decoration: none;
}


.blog-header {
  background-color:#FFFFFF !important;
  /*background-image:url(http://www.williamsoro.it/test-wordpress/wp-content/uploads/2015/11/logoindigotiny1.png) !important;*/
  background-position:50% 0 !important;
  background-repeat:no-repeat !important;
  height:160px !important;
}

.custom-header .heading-blog {
  display:none!important;
  margin-top:0!important;
}

.custom-header {
  background-color:#5356A7!important;
  color:white!important;
  height:25px!important;
  padding-top:3px!important;
  text-align:left!important;
}


.divider-line {
  width: 100%;
  height: 2px;
  background-color: #5356A7;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
.divider-image {
  width: 100%;
  height: auto;
  margin: auto;
}

section img { /* Cerhi Servizi */
  display:block;
  height:auto;
  margin:0 auto!important;
  max-width:80%!important;
}


.bottom-footer {
	position:relative!important;
  padding-top:1em;
  background-color:#1E1E1E;
  /*background-image:url(http://www.williamsoro.it/test-wordpress/wp-content/uploads/2015/10/Windows-blue-22256377-1920-1200.jpg)!important;
  */background-position:0 0!important;
  color:white;
  /*font-weight:bold!important;*/
  margin-top:0em;
  bottom: 0px;
  /*/*text-shadow:#000000 0 0 11px!important;*/
}

.custom-footer {

}

.btn-default {
  background-color:#5356A7!important;
  border-color:white;
  color:white;
}


@font-face {
    font-family: 'Bebas Neue';
    src: url('../webfonts/BebasNeue-webfont.eot');
    src: url('../webfonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/BebasNeue-webfont.woff') format('woff'),
         url('../webfonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../webfonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

a {
  transition: all .15s;
  -webkit-transition: all .15s;
}
a:hover {
  text-decoration: none;
  color: #515698;
}
a:focus {
  outline: none;
  color: #515698;
}
::selection {
  background-color: #5356A7;
  color: #e2e2e2;
}
::-moz-selection {
  background-color: #5356A7;
  color: #e2e2e2;
}
.heading-wrap {
  text-align: center;
}
section > * {
  text-align: center;
}
p{
	
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  /*color: #434343;
  background-color: #ffffff;
  */
  /*font-family: 'Signika', sans-serif;*/
  word-wrap:break-word;
}
.history-wrap,
.skill-wrap {
  text-align: left;
}
.btn {
  text-transform: uppercase;
}
.heading-desc {
  margin: 1em auto;
  width: 55%;
  font-style: italic;
}
section img {
  max-width: 100%;
  height: auto;
  display: block;
}
ul,
li {
  /*list-style: none;*/
}
.heading-line {
  width: 50px;
  height: 2px;
  background-color: #5356A7;
  margin: auto;
}
.heading-wrap {
  margin-bottom: 3em;
}
body {
  overflow-x: hidden;
}
.active {
  color: #EEE;
}
.active a {
  color: #EEE;
  text-decoration:none;
}
.acf-map {
  width: 100%;
  height: 400px;
  border: #ccc solid 1px;
  margin: 20px 0;
}
.acf-map img{
max-width: none;
}
.wpcf7-form {
  text-align: left;
}
.page-loader {
  background-color: #1e1e1e;
  position: fixed;
  width: 100%;
  height: 102%;
  content: "";
  z-index: 99999;
  margin-top: -5px;
}
.page-loader img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -15px;
  margin-left: -15px;
}

.bypostauthor,
.gallery-caption {
  background-color: #fafafa;
}
.alignright{
  text-align: right;
}
.alignleft{
  text-align: left;
}
.aligncenter{
  text-align: center;
}
/************************************************************************
// Scrollbar
*************************************************************************/
::-webkit-scrollbar {
  width: 15px;
}
::-webkit-scrollbar-track {
  background-color: #292929;
}
::-webkit-scrollbar-thumb {
  background-color: #5356A7;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}
/************************************************************************
// Mobile Menu
*************************************************************************/
.mobile-menu {
  display: none;  
  width: 100%;
  z-index: 9998;
  background-color: #1e1e1e;
}
.mobile-menu .logo-mobile {
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
}
.logo-mobile a:hover{
  color: transparent;
}
.mobile-menu .logo-mobile img {
  max-width: 100%;
  height: 30px;
}
.mobile-menu a:hover {
  color: white;
  background-color: #313131;
}
.mobile-justify {  
  width: 100%;
  z-index: 9999;
  background-color: black;
  color: white;
  text-align: center;
  font-size: 2.2em;
  cursor: pointer;
}
.mobile-menu .sub-menu {
  padding-left: 0;
}
.mobile-menu .sub-menu a{
  display: block;
  padding-left: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.mobile-menu .sub-menu a:before{
  content: " - ";
}
/************************************************************************
// Fixed Menu
*************************************************************************/
.fixed-menu {
  position: fixed;
  z-index: 9999;
  background-color: #1e1e1e;
  width: 100%;
  display: none;
}
.fixed-menu-logo {
  margin-top: 22px;
}
.fixed-menu-logo img {
  max-width: 100%;
  max-height: 35px;
}
.fixed-menu ul {
  float: right;
  padding-left: 0;
}
.fixed-menu > ul > li {
  position: relative;
}
.fixed-menu .sub-menu{
  position: absolute;
  top:79px;
  left: 0;
  /*background-color: #fefefe;*/
}
.fixed-menu .sub-menu {
  display: none;
}
.fixed-menu .sub-menu a {
   padding:7px 60px 7px 28px;
   display: block;
}
.fixed-menu .sub-menu li:first-child a{
  padding-top: 14px;
}
.fixed-menu .sub-menu li:last-child a{
  padding-bottom: 14px;
}
/************************************************************************
// Header
*************************************************************************/
.top-header {
  max-width: 100%;
  position: relative;
}
.top-header > .container {
  position: relative;
  z-index: 9999;
}
.top-header .col-sm-9{
  float: right!important;
}
.top-header:before {
  background-color: #1e1e1e;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 90%;
  z-index: -1;
}
.top-navigation {
  float: right;
  position: absolute;
  top: 0;
  right: 0;
}
.top-navigation > ul > li{
  display: relative;
}
.top-navigation .sub-menu{
  position: absolute;
  top:79px;
  left: 0;
  /*background-color: #fefefe;*/
  padding-left: 0;
  display: none;
}
.top-navigation .sub-menu a {
  padding:7px 60px 7px 28px;
  display: block;
}
.top-navigation .sub-menu li:first-child a {
  padding-top: 14px;
}

.top-navigation .sub-menu li:last-child a {
  padding-bottom: 14px;
}
.logo {
  margin-top: 1.5em;
  position: absolute;
  left: 0;
}
.logo img {
  max-width: 100%;
  max-height: 50px;
}
.top-slider {
  opacity: 1!important;
}
.top-slider .content img {
  float: none;
  margin: auto;
}

.featured-content {
  position: absolute;
  color: white;
  top:29%;
  width: 100%;
  height:100%;
  text-align: center;
}
.featured-content .featured-text {
  font-weight: bold;
  font-size: 19pt;
  top: 29%;
  width: 70%;
  margin: auto;
}
.featured-content .featured-line {
  width: 300px;
  height: 2px;
  /*
  background-color: #5356A7;*/
  background-color: #5356A7;
  margin: auto;
  margin-top: 2em;
  margin-bottom: 2em;
}

.featured-content .btn {
  border-color: #5356A7;
  color: #5356A7;
  margin: auto;
}
.featured-content .btn:hover {
  background-color: #5356A7;
  color: white;
}
/************************************************************************
// About
*************************************************************************/
.section-about {
  background-position:100% 100%;
  background-repeat:no-repeat;
  background-size:contain;
  opacity:0;
  padding-bottom: 5em;
  padding-top:20em;
}

.section-about .p-experience {
  /*color: #5356A7;*/
  color: #5356A7;
}
.section-about .job-wrap .col-sm-3 {
  padding-right: 8px;
  padding-left: 8px;
}
.section-about h3 {
  margin-top: 0;
}
.skill-wrap,
.history-wrap {
  margin-top: 4em;
}
/************************************************************************
// Divider
*************************************************************************/
.section-divider-one {
  max-width: 100%;
  clear: both;
  position: relative;
  color: white;
}
.section-divider-one > * {
  position: relative;
}
.section-divider-one:before {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding-bottom:20px;
  content: "";
  opacity: .4;
}
.h-card: hover{
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
}
.section-divider-one h2 {
  margin-top: 2em;
  margin-bottom: 2em;
}
.section-divider-one .heading-divider {
}

.menu-item{
    background-color:#5356A7;
    color: #EEEEEE;
}