/* ================================================
Template Name: Agenda Web
Author: PROGETTO51 FOR QWEB
Version: 1.0
===================================================


/*=====================================
    1.  THEME DEFAULT CSS
=======================================*/
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans');*/
/*@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');*/
/*font-family: 'Montserrat', sans-serif;*/
/*@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');*/
/*font-family: 'Roboto', sans-serif;*/


/* open-sans-regular - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/open-sans/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - vietnamese_latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/montserrat/montserrat-v25-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat/montserrat-v25-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat/montserrat-v25-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat/montserrat-v25-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat/montserrat-v25-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat/montserrat-v25-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - vietnamese_latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/montserrat/montserrat-v25-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-500.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat/montserrat-v25-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat/montserrat-v25-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat/montserrat-v25-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat/montserrat-v25-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat/montserrat-v25-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - vietnamese_latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/montserrat/montserrat-v25-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat/montserrat-v25-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat/montserrat-v25-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat/montserrat-v25-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat/montserrat-v25-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat/montserrat-v25-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - vietnamese_latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/montserrat/montserrat-v25-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat/montserrat-v25-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat/montserrat-v25-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat/montserrat-v25-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat/montserrat-v25-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat/montserrat-v25-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* roboto-100 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-100.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-100.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-100.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-100.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.svg#Roboto') format('svg'); /* Legacy iOS */
}


body {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    color: #464646;
    background-color: white;
}

.toast {
    opacity: 1 !important;
}

.logo > h4 {
    display: inline-block;
    color: #FFF;
    margin: 0;
    margin-top: 18px;
}

.logo > p {
    padding-top: 33px;
}

.white {
    color: #FFF !important;
}

.month h5 {
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
}

.overlay {
    padding: 0 !important;
}

a.white:hover {
    color: #FFF;
}

a.color_qweb:hover {
    color: #FCD948;
}

.color_qweb {
    color: #FCD948;
}

.default_color {
    color: #179d82;
}

#profile-form select {
    border-color: #e0e0e0;
    height: 30px;
    margin-right: 10px;
}

.pratiche .portfolio-item-content {
    background-color: #00BCD4;
}

.uffici_tecnici .portfolio-item-content {
    background-color: #8BC34A;
}

.button.pratiche, .process-icon_small.pratiche {
    background: #00BCD4;
}

.button.uffici_tecnici, .process-icon.uffici_tecnici {
    background: #8BC34A;
}

.button.ufficio-tecnico,
.process-icon.ufficio-tecnico,
.button.ufficio-amm,
.process-icon.ufficio-amm {
    background: #8BC34A;
}

.pratiche ul.portfolio-category {
    /*min-height: 90px;*/
}

.pratiche .portfolio-category > li {
    display: block;
    margin-left: 5px;
    margin-bottom: 5px;
}

.pratiche .portfolio-category > li:after {
    content: '';
}

.appointment {
    background-color: #f1f1f1;
    padding: 20px;
    color: #FFFFFF;
}

.appointment .app-action {
    margin-top: 40px;
}

.appointment .app-action i, .button i {
    font-size: larger;
}

/*.appointment h6{
    color: #FFFFFF;
}*/

ul.step-list {
    text-align: center;
    background-color: #f1f1f1;
    padding: 20px 0px;
}

ul.step-list li {
    display: inline-block;
    margin-right: 40px;
    font-size: 16px;
    opacity: .6;

}

ul.step-list li span {
    background-color: #607c8c;
    border-radius: 50%;
    padding: 10px;
    font-size: 18px;
    color: #FFFFFF;
    width: 50px;
    font-weight: bold;
    display: block;
    margin: 0 auto 10px;
}

ul.step-list li.step-active {
    opacity: 1;
}

ul.step-list li.step-active span, ul.step-list li.step-done span {
    background-color: #DCA32A;
}

ul.step-list li.step-done:before {
    content: '\2713';
    font-size: medium;
}

.item-info {
    /*border-top: 1px solid #00BCD4;
    border-bottom: 1px solid #00BCD4;*/
    margin-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
    line-height: normal;
}

.item-info h6 {
    cursor: pointer;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
}

.item-info h6 i {
    font-size: 30px;
    font-weight: bold;
    float: right;
    margin-top: -8px;
    color: #1f9d7c;
}

.panel-body {
    position: relative;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #676A6C;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-heading {
    padding: 20px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #ffffff !important;
}

.collapsed h4.panel-title:after {
    content: "\f107";
}

h4.panel-title:after {
    content: "\f106";
    float: right;
    font-size: xx-large;
    font-family: "FontAwesome";
    font-weight: 900;
    line-height: 20px;
    color: #c20000;
}

h4.panel-title:before {
    content: "\f007";
    font-size: x-large;
    font-family: "FontAwesome";
    line-height: 20px;
    margin-right: 10px;
}

.img {
    max-width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a,
.button {
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a:focus,
.btn:focus {
    text-decoration: none;
    outline: none;
}

a:focus,
a:hover {
    color: #888888;
    text-decoration: none;
}

a,
button {
    outline: medium none;
    color: #000;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
    color: #464646;
    margin-top: 0px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: .5px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}

h1 {
    font-size: 40px;
    font-weight: 500;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 25px;
}

h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
}

h4 span {
    font-weight: 600;
    color: #179d82;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

ul {
    margin: 0px;
    padding: 0px;
}

li {
    list-style: none
}

p {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    color: #464646;
    margin-bottom: 15px;
}

hr {
    padding: 0px;
    border-bottom: 1px solid #e5e5e5;
    border-top: 0px;
}

hr.style-2 {
    border-bottom: 1px dashed #e5e5e5;
}

hr.mp-0 {
    margin: 0;
    border-bottom: 1px solid #eceff8;
}

hr.mtb-40 {
    margin: 40px 0;
    border-bottom: 1px solid #eceff8;
    border-top: 0px;
}

label {
    color: #626262;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

*::-moz-selection {
    background: #f5d287;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #f5d287;
    color: #fff;
    text-shadow: none;
}

*::-moz-placeholder {
    color: #555555;
    font-size: 14px;
}

.mark,
mark {
    background: #f5d287 none repeat scroll 0 0;
    color: #ffffff;
}

span.tooltip-content {
    color: #00a9da;
    cursor: help;
    font-weight: 600;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.fix {
    overflow: hidden;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.text-uppercase {
    text-transform: uppercase;
}

.slider-area.slider-area-five {
    overflow: hidden;
}

.main-wrapper {
    overflow: hidden;
}

/* --------------------------------
   TRANSITION
-----------------------------------*/

a.button:after,
a.button-small:after {
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.share ul,
.share:hover ul {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

a.button-border span,
a.button-border-white span,
input,
select,
textarea {
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/*------------------------------------
  BASIC MARGIN PADDING
--------------------------------------*/

.m-0 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.p-0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

.no-left-padding {
    padding-left: 0 !important;
}

.no-right-padding {
    padding-right: 0 !important;
}

/*-------------------------------------
    MARGIN TOP
---------------------------------------*/

.mt-0 {
    margin-top: 0;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-110 {
    margin-top: 110px;
}

.mt-120 {
    margin-top: 120px;
}

.mt-130 {
    margin-top: 130px;
}

.mt-140 {
    margin-top: 140px;
}

.mt-150 {
    margin-top: 150px;
}

/*-------------------------------------
    MARGIN BOTTOM
---------------------------------------*/

.mb-0 {
    margin-bottom: 0;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-110 {
    margin-bottom: 110px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mb-130 {
    margin-bottom: 130px;
}

.mb-140 {
    margin-bottom: 140px;
}

.mb-150 {
    margin-bottom: 150px;
}

/*-------------------------------------
    PADDING TOP
---------------------------------------*/

.pt-0 {
    padding-top: 0;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

pt-33 {
    padding-top: 33px !important;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-110 {
    padding-top: 110px;
}

.pt-120 {
    padding-top: 120px;
}

.pt-130 {
    padding-top: 130px;
}

.pt-140 {
    padding-top: 140px;
}

.pt-150 {
    padding-top: 150px;
}

.pt-200 {
    padding-top: 200px;
}

/*-------------------------------------
   PADDING RIGHT
---------------------------------------*/

.pr-0 {
    padding-right: 0;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-50 {
    padding-right: 50px;
}

.pr-60 {
    padding-right: 60px;
}

.pr-70 {
    padding-right: 70px;
}

.pr-80 {
    padding-right: 80px;
}

.pr-90 {
    padding-right: 90px;
}

.pr-100 {
    padding-right: 100px;
}

.pr-110 {
    padding-right: 110px;
}

.pr-120 {
    padding-right: 120px;
}

.pr-130 {
    padding-right: 130px;
}

.pr-140 {
    padding-right: 140px;
}

/*-------------------------------------
    PADDING BOTTOM
---------------------------------------*/

.nsp {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.pb-0 {
    padding-bottom: 0;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-110 {
    padding-bottom: 110px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pb-130 {
    padding-bottom: 130px;
}

.pb-140 {
    padding-bottom: 140px;
}

.pb-150 {
    padding-bottom: 150px;
}

/*-------------------------------------
    PADDING LEFT
---------------------------------------*/

.pl-0 {
    padding-left: 0;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-50 {
    padding-left: 50px;
}

.pl-60 {
    padding-left: 60px;
}

.pl-70 {
    padding-left: 70px;
}

.pl-80 {
    padding-left: 80px;
}

.pl-90 {
    padding-left: 90px;
}

.pl-100 {
    padding-left: 100px;
}

.pl-110 {
    padding-left: 110px;
}

.pl-120 {
    padding-left: 120px;
}

.pl-130 {
    padding-left: 130px;
}

.pl-140 {
    padding-left: 140px;
}

.pl-150 {
    padding-left: 150px;
}

/*-------------------------------------
   PAGE SECTION PADDING
---------------------------------------*/

.ptb-0 {
    padding: 0;
}

.ptb-10 {
    padding: 10px 0;
}

.ptb-20 {
    padding: 20px 0;
}

.ptb-30 {
    padding: 30px 0;
}

.ptb-40 {
    padding: 40px 0;
}

.ptb-50 {
    padding: 50px 0;
}

.ptb-60 {
    padding: 60px 0;
}

.ptb-70 {
    padding: 70px 0;
}

.ptb-80 {
    padding: 80px 0;
}

.ptb-90 {
    padding: 90px 0;
}

.ptb-100 {
    padding: 100px 0;
}

.ptb-110 {
    padding: 110px 0;
}

.ptb-120 {
    padding: 120px 0;
}

.ptb-130 {
    padding: 130px 0;
}

.ptb-140 {
    padding: 140px 0;
}

.ptb-150 {
    padding: 150px 0;
}

.ptb-170 {
    padding: 170px 0;
}

.ptb-180 {
    padding: 180px 0;
}

.ptb-200 {
    padding: 200px 0;
}

/*-------------------------------------
    PAGE SECTION MARGIN
---------------------------------------*/

.mtb-0 {
    margin: 0;
}

.mtb-10 {
    margin: 10px 0;
}

.mtb-15 {
    margin: 15px 0;
}

.mtb-20 {
    margin: 20px 0;
}

.mtb-30 {
    margin: 30px 0;
}

.mtb-40 {
    margin: 40px 0;
}

.mtb-50 {
    margin: 50px 0;
}

.mtb-60 {
    margin: 60px 0;
}

.mtb-70 {
    margin: 70px 0;
}

.mtb-80 {
    margin: 80px 0;
}

.mtb-90 {
    margin: 90px 0;
}

.mtb-100 {
    margin: 100px 0;
}

.mtb-110 {
    margin: 110px 0;
}

.mtb-120 {
    margin: 120px 0;
}

.mtb-130 {
    margin: 130px 0;
}

.mtb-140 {
    margin: 140px 0;
}

.mtb-150 {
    margin: 150px 0;
}

.mb-180 {
    margin-bottom: 180px
}

/*-------------------------------------
    SECTION VARIATION 
---------------------------------------*/

/*-------------------------------------------------------
    BACKGROUND COLOR VARIATION FOR SECTION
---------------------------------------------------------*/

.white-bg {
    background: #ffffff;
}

.gray-bg {
    background: #f2f3f5;
}

.transparent-bg {
    background: transparent;
}

.over-hidden {
    overflow: hidden;
}

/*-------------------------------------
    BUTTONS STYLES
---------------------------------------*/

/*-------------------------------------
    BUTTON DEFAULT
---------------------------------------*/

.button {
    background: #179d82;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    letter-spacing: 2px;
    line-height: 40px;
    padding: 0 30px;
    text-transform: uppercase;
    border: none;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    border-radius: 6px;
}

.button.btn-gray {
    background: #D2D5D5;
}

.button.button-black {
    background: #000 none repeat scroll 0 0;
    border: 1px solid transparent;
    color: #fff;
}

.button.button-red {
    background: #f44336 none repeat scroll 0 0;
    border: 1px solid transparent;
    color: #fff;
}

/*-------------------------------------
   BUTTONS VARIATION
---------------------------------------*/

a.button.large {
    padding: 0 40px;
    font-size: 13px;
}

a.button.medium {
    padding: 0 30px;
}

a.button.small {
    padding: 0 25px;
}

a.button.small {
    font-size: 11px;
    letter-spacing: 1.5px;
    padding: 0 20px;
}

a.button.extra-small {
    font-size: 10px;
    height: 40px;
    letter-spacing: 1.5px;
    line-height: 40px;
    padding: 0 15px;
}

/*-------------------------------------
    BLACK BUTTON
---------------------------------------*/

.button:hover {
    background: #454545 none repeat scroll 0 0;
    color: #fff;
}

.button.button-black:hover {
    background: transparent;
    color: #010101;
}

.button.button-colored {
    background: #00a9da none repeat scroll 0 0;
    color: #fff;
}

.common-heading {
    padding-bottom: 70px;
    text-align: center;
}

.common-heading h2 {
    margin: 0;
    position: relative;
    text-transform: capitalize;
}

.common-heading h2:after {
    background-color: #858585;
    bottom: -20px;
    content: "";
    height: 1px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 50px;
}

.readmore-btn {
}

/* --------------------------------
   TRANSITION
-----------------------------------*/

a.button:after,
a.button-small:after {
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.share ul,
.share:hover ul {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

a.button-border span,
a.button-border-white span,
input,
select,
textarea {
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.common-padding {
    padding: 8% 0;
}

.full-width-wrapper {
    padding: 0 60px;
    width: 100%;
    overflow: hidden;
}

.main-heading-content {
    margin-bottom: 70px;
}

.main-heading-content h2 {
    letter-spacing: 2px;
    margin-bottom: 15px;
    position: relative;
}

.main-heading-content h2::after {
    background: #464646 none repeat scroll 0 0;
    bottom: -8px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 60px;
}

/*================================
    2.  MAIN HEADER STYLE
==================================*/

.header-area .login h5 {
    line-height: 150px;
    font-size: 16px;
    float: right;
}

.header-area h3 {
    font-size: 18px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    padding-top: 70px;
    display: inline-block;
}

.header-area .login i {
    padding: 10px;
    color: #333;
    border-radius: 50%;
    font-weight: bold;
    border: 1px solid #333;
}

.header-area .login_ok div {
    padding-top: 60px;
    float: right;
}

.header-area .login_ok div p {
    font-size: 16px;
}

.header-area .login_ok i {
    margin-left: -35px;
    margin-right: 10px;
    color: #333;
    font-size: 30px;
    float: left;
}

.logo h2 a {
    font-size: 35px;
}

.logo span {
    color: #dca329;
}

.logo img {
    float: left;
    margin-right: 20px;
}

.menu-tab > div {
    background-color: #ffffff;
    border-bottom: solid 8px #179d82;
}

.main-menu {
    /*float: right;*/
}

.main-menu > li {
    display: inline-block;
    padding: 10px 0;
    position: relative;
    background-color: #676A6C;
    margin-right: 4px;
}

.main-menu > li:last-child {
    margin-right: 0;
}

.main-menu > li.active {
    background-color: #1b9d7f;
}

.main-menu > li > a {
    display: inline-block;
    font-size: 14px;
    letter-spacing: 2px;
    margin: 0 20px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}

.main-menu > li:hover {
    background-color: #179d82;
}

.main-menu li > ul.dropdown {
    background: #242424 none repeat scroll 0 0;
    border-top: 2px solid #dca329;
    opacity: 0;
    padding: 2px 0;
    position: absolute;
    top: 100%;
    transition: all 0.4s ease-in-out 0s;
    visibility: hidden;
    width: 200px;
    z-index: 1;
}

.dropdown > li {
    border-bottom: 1px solid #3b3a3a;
    padding: 10px 0;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
}

.dropdown > li > a {
    color: #ddd;
    font-size: 11px;
    letter-spacing: 2px;
    padding: 0 15px;
    text-transform: uppercase;
    display: block;
    transition: all .3s ease-in-out;
}

.dropdown > li:last-child,
.sub-dropdown > li:last-child {
    border-bottom: 0;
}

.dropdown > li > a > i {
    float: right;
    padding: 2px 0;
}

.dropdown > li:hover {
    background: #3b3a3a;
}

.dropdown.right-dropdown {
    right: 0;
}

.dropdown > li:hover > a {
    padding-left: 20px;
}

.main-menu li:hover > ul.dropdown {
    opacity: 1;
    visibility: visible;
}

.sub-dropdown {
    background: #242424 none repeat scroll 0 0;
    left: 100%;
    opacity: 0;
    padding: 2px 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease-in-out 0s;
    visibility: hidden;
    width: 200px;
}

.sub-dropdown li {
    border-bottom: 1px solid #3b3a3a;
    padding: 10px 0;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
}

.sub-dropdown li > a {
    color: #ddd;
    display: block;
    font-size: 11px;
    letter-spacing: 2px;
    padding: 0 15px;
    text-transform: uppercase;
}

.sub-dropdown li:hover {
    background-color: #3B3A3A;
}

.dropdown > li:hover .sub-dropdown {
    opacity: 1;
    visibility: visible;
}

.header-area-five .main-menu li .dropdown {
    z-index: 1111;
}

/*================================
    2.1  MAIN HEADER STYLE TWO
==================================*/

.menu-area.add-search {
    float: right;
}

.add-search .main-menu {
    display: inline-block;
}

.add-search .header-action {
    display: inline-block;
    position: relative;
}

.add-search .main-menu {
    float: none;
}

.header-action .search-box {
    background: #242424 none repeat scroll 0 0;
    display: none;
    padding: 15px;
    position: absolute;
    right: -20px;
    transition: all 0.4s ease 0s;
}

.search-box.show-box {
    display: block;
}

.search-icon {
    cursor: pointer;
    display: block;
    padding-bottom: 30px;
    padding-left: 19px;
    padding-top: 30px;
}

.search-icon i {
    color: #858585;
}

.search-option {
    border: 1px solid #ddd;
    height: 40px;
    padding: 8px;
    width: 250px;
}

/*========================================
    2.2  MAIN HEADER STYLE THREE
===========================================*/

.header-style-four.header-area-six.headroom {
    background-color: rgba(0, 0, 0, .3);
}

.header-style-four.header-area-six.headroom--not-top .main-menu > li > a {
    color: #fff;
}

.header-style-four.header-area-six.headroom--not-top .logo h2 {
    color: #fff;
}

.header-area-six .menu-area {
    opacity: 0;
    transition: .4s;
    visibility: hidden;
}

.header-area-six .menu-area.nav-show {
    opacity: 1;
    visibility: visible;
    margin-right: 50px;
    transition: .4s;
}

.mainmenu-wrapper {
    position: relative;
}

.header-area-six .menu-area {
}

/*Moblle menu*/

.mobile-menu-area {
    position: relative;
}

/*========================================
    2.3  MAIN HEADER STYLE FOUR
===========================================*/

.header-style-four .main-menu > li > a {
    color: #fff;
}

.header-style-four .logo h2 {
    color: #fff;
}

.header-style-four .logo h2 a:hover {
    color: #ddd;
}

.header-style-four.headroom--not-top .main-menu > li > a {
    color: #464646;
}

.header-style-four.headroom--not-top .logo h2 {
    color: #464646;
}

/*=========================================
    3.0  SLIDER SECTON STYLE ONE
===========================================*/

.slider-area {
    margin-top: 80px;
}

.logo h5 {
    margin-bottom: 0;
    padding: 60px 0;
    line-height: 20px;
}

.slider-text > h2 {
    font-size: 50px;
    font-weight: 800;
}

.slider-text h3 {
    font-size: 40px;
    letter-spacing: 3px;
}

.slider-text > p {
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/*=========================================
    3.1  SLIDER SECTON STYLE TWO
===========================================*/

.slider-text-two {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    display: inline-block;
    outline: 1px solid rgba(0, 0, 0, 0.2);
    outline-offset: -15px;
    padding: 65px 50px;
    position: relative;
    text-align: center;
}

.slider-text.slider-text-two > h2 {
    font-weight: 700;
}

.slider-text.slider-text-two > h4 {
    font-size: 18px;
    letter-spacing: 5px;
    text-transform: uppercase;
}

.slider-text.slider-text-two span {
    color: #dca329;
}

/*=========================================
    3.2  SLIDER SECTON STYLE THREE
===========================================*/

.slider-text.slider-text-three > h2 {
    font-size: 30px;
    font-weight: 600;
}

.slider-text.slider-text-three > h3 {
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
}

/*=========================================
    3.3  SLIDER SECTON STYLE FOUR
===========================================*/

.slider-area.slider-area-four {
    height: 100vh;
    margin-top: 0;
    position: relative;
}

.header-style-four.headroom {
    background: transparent none repeat scroll 0 0;
    box-shadow: none;
}

.header-style-four.headroom--not-top {
    background: #fff;
    transition: all .4s ease-in-out;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.header-style-four.headroom--top {
    transition: .3s;
}

.slider-wrapper.slider-wrapper-four {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.slider-text.slider-text-four > p {
    margin-bottom: 25px;
}

/*=========================================
    3.4  SLIDER SECTON STYLE FIVE
===========================================*/

#background-video {
    position: relative;
    background: transparent;
    overflow: hidden;
}

.slider-text.slider-text-four {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    display: inline-block;
    outline: 1px solid rgba(0, 0, 0, 0.2);
    outline-offset: -20px;
    padding: 55px 50px;
    position: relative;
    text-align: center;
}

.slider-area.slider-style-fiver {
    background: #dee4e7 none repeat scroll 0 0;
}

.slider-wrapper .owl-nav {
}

.slider-wrapper .owl-nav .owl-prev,
.slider-wrapper .owl-nav .owl-next {
    background: #464646 none repeat scroll 0 0;
    height: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    transition: .4s;
    margin-left: -50px;
}

.slider-wrapper .owl-nav .owl-next {
    margin-right: -50px;
    right: 0;
}

.slider-wrapper .owl-nav .owl-prev i,
.slider-wrapper .owl-nav .owl-next i {
    color: #fff;
    font-size: 40px;
    line-height: 46px;
    margin-left: 14px;
}

.slider-wrapper .owl-nav .owl-next i {
    margin-left: 20px;
}

.slider-wrapper:hover .owl-nav .owl-prev {
    margin-left: 0px;
}

.slider-wrapper:hover .owl-nav .owl-next {
    margin-right: 0px;
}

.slider-area-five .slide-text span {
    color: #DCA329;
}

.slider-area-five .slide-text h2 {
    font-size: 20px;
    padding-bottom: 40px;
}

.slider-content-btn {
    margin-top: 25px;
}

.slider-area-five .slide-text h1 {
}

/*=========================================
    3.5  SLIDER SECTON STYLE SIX
===========================================*/

.slider-area-sex .slider-text > h2,
.slider-area-sex .slider-text h3 {
    color: #fff;
}

.slider-area-sex .slider-text > p {
    color: #f1f1f1;
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.slider-text h3 {
    font-size: 40px;
    letter-spacing: 3px;
}

/*===================================
    4.  FEATURE SECTION STYLE
=====================================*/

.feature-icon {
    height: 50px;
    line-height: 50px;
    width: 50px;
}

.feature-icon span {
    font-size: 30px;
    transition: all .3s ease-in-out;
}

.feature-text > h3 {
    font-size: 20px;
    text-transform: uppercase;
}

.feature-item:hover .feature-icon span {
    color: #dca329;
}

/*======================================
    5. START PORTFOLIO STYLE
========================================*/

.item-thumbnail > img {
    width: 100%;
}

.portfolio-3-column .portfolio-item {
    width: 33.33%;
}

.portfolio-2-column .portfolio-item {
    width: 50%;
}

.portfolio-4-column .portfolio-item {
    width: 25%;
}

.portfolio-1-column .portfolio-item {
    width: 100%;
}

.portfolio-gutter .portfolio-item {
    margin-bottom: 30px !important;
    padding: 0 5px;
    /*margin-top: 30px;*/
}

.portfolio-3-column .portfolio-item-big {
    width: 66.6667%;
}

.portfolio-4-column .portfolio-item-big {
    width: 50%;
}

.portfolio-filter li {
    color: #464646;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    letter-spacing: 2px;
    padding: 0 10px;
    position: relative;
}

.container-full {
    overflow: hidden;
}

.portfolio-filter {
    padding-bottom: 50px;
    transition: .3s;
}

.portfolio-filter li::after {
    background: #464646 none repeat scroll 0 0;
    bottom: -8px;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) scale(0);
    width: 4px;
    transition: all .3s ease-in-out;
    background: #dca329;
}

.portfolio-no-gutter .portfolio-item .portfolio-item-content {
    border: medium none;
}

.portfolio-filter li:hover::after,
.portfolio-filter li.active::after {
    transform: scale(1);
    background: #dca329;
}

.portfolio-filter li:hover,
.portfolio-filter li.active {
    color: #dca329;
    transition: all .4s ease-in-out;
}

.portfolio-details {
    background: #f4f4f4;
    box-shadow: -4px 4px 6px #BDBDBD;
}

.portfolio-details.content {
    min-height: 100px;
}

.portfolio-details-inner h4, .portfolio-details-inner h4 a {
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
}

.uffici_tecnici .portfolio-details-inner h4, .uffici_tecnici .portfolio-details-inner h4 a {
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
}

.uffici_tecnici .portfolio-details-inner h4:before {
    content: '\f0f7';
    font-family: 'FontAwesome';
    margin-right: 4px;
    font-size: 20px;
}

.servizi_tecnici .portfolio-details-inner h4:before {
    content: "\f0f2";
    font-family: 'FontAwesome';
    margin-right: 4px;
    font-size: 20px;
}

.box_lista {
    border-left: 4px solid rgba(23, 157, 130, .6);
    padding: 10px 20px;
    /*margin-bottom: 40px;*/
    line-height: normal;
    font-size: 14px;
}

.next_step {
    text-align: right;
}

.next_step a {
    color: #179d82;
    font-weight: bold;
}

.loadmore i {
    margin-right: 15px;
    margin-left: -15px;
}

.loadmore .conferma i {
    margin-right: -15px;
    margin-left: 15px;
}

.portfolio-category > li {
    display: inline-block;
    margin-right: 5px;
}

.portfolio-category li, .portfolio-category li a {
    font-size: 14px;
    margin-right: 2px;
}

.portfolio-category li:before {
    content: '\f007';
    font-family: 'FontAwesome';
    margin-right: 10px;
}

.portfolio-details-inner {
    padding: 15px 15px;
    min-height: 70px;
    background-color: #1b9d7f;
}

.portfolio-item-content {
    background: #fff none repeat scroll 0 0;
    /*border: 1px solid #ddd;*/
}

.portfolio-category > li:after {
    /* color: #f1f1f1;*/
    content: ", ";
    /*position: absolute;*/
    /*color: #858585;*/
}

.portfolio-category > li:last-child:after {
    content: "";
}

.item-thumbnail {
    position: relative;
}

.item-thumbnail::after {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
}

.zoom-icon {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 55%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease-in-out;
}

.portfolio-view-btn {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    color: #464646;
    display: block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    width: 50px;
}

.portfolio-view-btn:hover {
    background-color: #dca329;
    color: #fff;
}

.portfolio-item-content:hover .item-thumbnail::after {
    opacity: .5;
    visibility: visible;
}

.portfolio-item-content:hover .zoom-icon {
    top: 50%;
    opacity: 1;
    visibility: visible;
}

/*=====================================
    5.1  PORTFOLIO TOW STYLE
=======================================*/

.portfolio-details-two {
    position: absolute;
    right: 20px;
    text-align: right;
    top: 20px;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.portfolio-style-two .portfolio-item-content:hover .zoom-icon {
    top: 56%;
}

.portfolio-style-two .zoom-icon {
    top: 60%;
}

.portfolio-style-two .portfolio-details-inner h4,
.portfolio-style-two .portfolio-category li a {
    color: #f1f1f1;
}

.portfolio-style-two .portfolio-details-inner h4 a:hover {
    color: #ddd;
}

.portfolio-style-two .portfolio-item-content:hover .portfolio-details-two {
    top: 30px;
    opacity: 1;
    visibility: visible;
}

.portfolio-style-two .portfolio-category > li::after {
    color: #f1f1f1;
}

/*=====================================
    6.  STATR BLOG SECTION
=======================================*/

.content-wrapper {
    padding: 15px 20px;
}

.post {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #ddd;
}

.post-meta {
    font-size: 11px;
    letter-spacing: 2px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.post-title {
    font-size: 18px;
    text-transform: uppercase;
}

.right-meta {
    display: inline-block;
    float: right;
}

.right-meta i {
    color: #dca329;
}

.post-more:hover {
    color: #dda529;
}

.col-md-4.col-md-6:nth-child(n+4) .post {
    margin-top: 50px;
}

/*=====================================
    6.1  BLOG FOUR COLUMN
=======================================*/

.col-md-3.col-sm-6:nth-child(n+5) .post {
    margin-top: 40px;
}

.four-column .content-wrapper {
    padding: 15px;
}

.four-column .post-meta {
    font-size: 12px;
    letter-spacing: 1px;
}

.four-column .post-title {
    font-size: 16px;
    text-transform: uppercase;
}

.col-md-6.col-sm-6:nth-child(n+3) .post {
    margin-top: 50px;
}

.col-md-4.col-sm-6:nth-child(n+4) .post {
    margin-top: 40px;
}

.blog-post.single-blog-post .post-title {
    font-size: 30px;
}

/*=====================================
    6.2  SINGLE BLOG STYLE
=======================================*/

.media-left img {
    border-radius: 50%;
    height: 100px;
    width: 100px;
}

.post-comment-section {
    border-top: 2px solid #f1f1f1;
    padding: 20px;
}

.media-list {
    margin: 30px 0;
}

.time-reply p.reply {
    display: inline-block;
    float: right;
}

.comment-time {
    display: inline-block;
}

.comment-time > span {
    color: #858585;
    font-size: 14px;
}

.media {
    border-bottom: 1px solid #f1f1f1;
    margin: 30px 0;
}

.media.reply {
    margin-left: 100px;
}

.input-field input {
    float: left;
    height: 40px;
    margin: 15px 0;
    width: 50%;
}

.my-comment-box textarea {
    border: 1px solid #ddd;
    margin-top: 15px;
    padding: 9px;
    resize: none;
    width: 100%;
}

.clear-fix.my-comment-box {
    padding: 0 22px 0 10px;
}

.input-field input {
    border: 1px solid #ddd;
    float: left;
    height: 40px;
    margin: 10px;
    padding: 7px;
    width: 47%;
}

.input-field input:focus,
.my-comment-box textarea:focus {
    border-color: #858585;
}

.comment-title {
    padding: 20px 10px;
}

.button.comment-sms {
    margin-left: 10px;
    margin-top: 20px;
}

/*=====================================
    6.3  BLOG WIDGETS STYLE
=======================================*/

.widget-title {
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 30px;
    position: relative;
    text-transform: uppercase;
}

.single-widget {
    padding: 15px 0;
}

.widget-title::after {
    background: #464646 none repeat scroll 0 0;
    bottom: -14px;
    content: "";
    height: 2px;
    left: 1px;
    position: absolute;
    width: 60px;
}

.widget-title::before {
    background: #ddd none repeat scroll 0 0;
    bottom: -14px;
    content: "";
    height: 2px;
    position: absolute;
    width: 100%;
}

.post-cat-list li a {
    display: block;
    padding: 4px 0;
}

.post-thumb {
    float: left;
}

.post-thumb img {
    width: 70px;
}

.widget-post-content {
    margin-left: 85px;
}

.widget-post-date {
    margin: -4px 0;
}

.widget-post-content > p {
    line-height: 18px;
    margin-bottom: 0;
}

.widget-single-post {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

.post-cat-list > li {
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}

.search-widget input {
    border: 1px solid #ddd;
    height: 40px;
    padding: 7px;
    width: 221px;
}

.search-widget {
    margin-top: -15px;
}

.search-widget button {
    background: #464646 none repeat scroll 0 0;
    border: 1px solid #464646;
    height: 40px;
    left: -5px;
    position: relative;
    width: 45px;
    transition: all .3s ease-in-out;
}

.search-widget button:hover {
    background: #DCA329;
    border-color: #DCA329;
}

.search-widget button i {
    color: #fff;
    font-size: 18px;
}

.tags > a {
    background: #858585 none repeat scroll 0 0;
    border-radius: 1px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    letter-spacing: 1px;
    margin: 2px 0;
    padding: 6px 10px;
}

.tags > a:hover {
    background: #464646;
}

/*=====================================
    6.4  PAGINATION STYLE
=======================================*/

.pagination-area .pagination {
    padding: 30px 0;
}

.pagination-area .pagination li {
}

.pagination-area .pagination li.active > a {
    background: #464646 none repeat scroll 0 0;
    border-color: #464646;
}

.pagination-area .pagination li a {
    background: #858585 none repeat scroll 0 0;
    border-color: #858585;
    color: #fff;
    margin: 0 2px;
    padding: 8px 15px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-radius: 0;
    margin-left: 0;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-radius: 0;
}

/*=====================================
    7.1  FOOTER SECTION STYLE TWO
=======================================*/

.footer-area {
    background-color: #333333;
}

.footer-logo h1, .footer-logo p {
    color: #ffffff;
    text-align: right;
}

.footer-logo h1 {
    font-size: 30px;
    font-weight: 600;
}

.footer-logo h1 span {
    font-weight: 300;
}

.copyright > p {
    color: #ffffff;
    letter-spacing: 1px;
    margin: 0;
}

.copyright a {
    color: #ffffff;
}

/*=====================================
    8.  HEADROOM STYLE SECTION
=======================================*/

.headroom--pinned {
    transform: translateY(0px);
}

.headroom {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    position: fixed;
    top: 0;
    transition: transform 0.25s ease-in-out 0s;
    width: 100%;
    will-change: transform;
    z-index: 11;
}

.header--fixed {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
}

.headroom--unpinned {
    transform: translateY(-100%);
}

/*=====================================
    9.  CALL TO ACTION
=======================================*/

.call-to-action-area {
    background: #464646 none repeat scroll 0 0;
}

.call-to-action-content > h3 {
    color: #fff;
    letter-spacing: 3px;
    margin-bottom: 0;
    margin-top: 8px;
    text-transform: uppercase;
}

.button.active.purchase-btn {
    color: #fff;
    line-height: 42px;
}

.button.active.purchase-btn:hover {
    background: #fff;
    color: #464646;
}

/*=====================================
    10. BANNER STYLE SECTION
=======================================*/

.banner-area {
    margin-top: 81px;
}

.banner-content > h2 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.banner-pages > li {
    display: inline-block;
    position: relative;
}

.banner-pages > li::after {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 2px;
    position: absolute;
    right: 0;
    top: 10px;
    width: 6px;
}

.banner-pages > li:last-child::after {
    width: 0;
    height: 0;
}

.banner-pages li a {
    color: #fff;
    display: block;
    letter-spacing: 1px;
    margin-right: 10px;
    text-transform: capitalize;
}

.banner-pages a:hover {
    color: #DEA329;
}

/*=====================================
    11. SERVICE PAGE STYLE SECTION
=======================================*/

.process-icon {
    background: #464646 none repeat scroll 0 0;
    border-radius: 50%;
    height: 200px;
    margin: 0 auto;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
    width: 200px;
}

.process-icon i {
    color: #fff;
    font-size: 60px;
    line-height: 200px;
}

.process-icon_small {
    background: #464646 none repeat scroll 0 0;
    border-radius: 50%;
    height: 100px;
    padding: 0 15px;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
    width: 100px;
}

.process-icon_small i {
    color: #fff;
    font-size: 30px;
    line-height: 100px;
}

.working-process-item:hover .process-icon {
    background: #DCA329;
}

.working-process-item:hover .process-number {
    background: #858585;
}

.process-number {
    background: #dca329 none repeat scroll 0 0;
    border-radius: 0 18px 18px 0;
    color: #fff;
    height: 30px;
    left: 235px;
    line-height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out 0s;
    width: 30px;
    z-index: 11;
}

.process-text > h2 {
    font-size: 22px;
    letter-spacing: 2px;
    margin-top: 30px;
    text-transform: uppercase;
}

.process-number::before {
    background: #858585 none repeat scroll 0 0;
    content: "";
    height: 3px;
    left: -35px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
}

.process-number::after {
    background: #858585 none repeat scroll 0 0;
    content: "";
    height: 3px;
    position: absolute;
    right: -35px;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
}

.col-md-3.col-sm-6:nth-child(n+5) .feature-item {
    margin-top: 50px;
}

/*=====================================
    13. TESTIMONIAL STYLE SECTION
=======================================*/

.testimonial-thumb img {
    border-radius: 50%;
    margin: 20px auto;
}

.testimonial-item {
    padding: 30px 20px;
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    display: inline-block;
    outline: 1px solid rgba(0, 0, 0, 0.2);
    outline-offset: -20px;
    position: relative;
    text-align: center;
    outline-color: #fff;
}

.testimonial-content {
    margin-bottom: 20px;
    padding: 0 20px;
}

.testimonial-content p {
    color: #f1f1f1;
    margin: 0;
}

.testimonial-meta {
    float: right;
    padding-top: 15px;
}

.testimonial-meta > span {
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.slick-dots li button::before {
    color: black;
    content: "•";
    font-family: "slick";
    font-size: 15px;
    height: 9px;
    left: 0;
    line-height: 20px;
    opacity: 0.25;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px;
    z-index: 111;
}

.slick-dots {
    bottom: -50px;
}

.slick-dots li {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 20px;
}

/*=====================================
    14. ABOUT US STYLE SECTION
=======================================*/

.about-left-text {
    background: #f1f1f1 none repeat scroll 0 0;
    padding: 54px 25px 54px 90px;
}

.about-left-text > h2 {
    text-transform: uppercase;
}

.about-right img {
    width: 100%;
}

.about-left {
    float: left;
    width: 50%;
}

.about-right {
    float: right;
    width: 50%;
}

.about-wrapper {
    display: block;
    overflow: hidden;
}

.about-left h4 {
    font-size: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.point-out > li {
    padding: 5px 0;
}

.point-out li a i {
    color: #dca329;
    margin-right: 6px;
}

.point-out {
    margin-bottom: 25px;
}

.social-madia.about-me ul li a {
    margin: -2px;
    text-align: center;
}

.social-madia.about-me {
    margin-left: -4px;
}

/*=====================================
    15. SRATR TEAM STYLE SECTION
=======================================*/

.team-thumb {
    position: relative;
}

.team-thumb::after {
    background: rgba(0, 0, 0, 1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}

.team-item:hover .team-thumb::after {
    background: rgba(0, 0, 0, .4);
    opacity: 1;
    visibility: visible;
}

.team-membur-social {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 1;
}

.team-membur-social > li {
    display: inline-block;
}

.team-item:hover .team-membur-social > li.delay-1 {
    transition-delay: .1s;
    opacity: 1;
    visibility: visible;
}

.team-item:hover .team-membur-social > li.delay-2 {
    transition-delay: .2s;
    opacity: 1;
    visibility: visible;
}

.team-item:hover .team-membur-social > li.delay-3 {
    transition-delay: .3s;
    opacity: 1;
    visibility: visible;
}

.team-item:hover .team-membur-social > li.delay-4 {
    transition-delay: .4s;
    opacity: 1;
    visibility: visible;
}

.team-membur-social > li.delay-1,
.team-membur-social > li.delay-2,
.team-membur-social > li.delay-3,
.team-membur-social > li.delay-4 {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
}

.team-membur-social li a i {
    color: #464646;
}

.team-membur-social a {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin: 2px;
    width: 40px;
    transition: .3s;
}

.team-membur-social a:hover {
    background: #dca329;
}

.team-membur-social li a:hover i {
    color: #fff;
}

.team-text {
    background: #f1f1f1 none repeat scroll 0 0;
    padding: 15px;
}

.team-text h3 {
    font-size: 16px;
    letter-spacing: 2px;
    margin: 0 0 2px;
    text-transform: uppercase;
}

.team-text > span {
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.col-md-3.col-sm-6:nth-child(n+5) .team-item {
    margin-top: 50px;
}

/*=====================================
    16. COUNTER STYLE SECTION
=======================================*/

.single-stats-item {
    background: #f1f1f1 none repeat scroll 0 0;
    float: left;
    padding: 80px;
    /*width: 25%;*/
    min-height: 450px;
}

.single-stats-item:nth-child(2n+1) {
    background: #e3e1e1 none repeat scroll 0 0;
}

.stats-item-heading i {
    font-size: 45px;
    transition: all .3s ease-in-out;
}

.stats-item-heading > h4 {
    margin-bottom: 10px;
    margin-top: 15px;
    font-weight: 600;
}

.counter {
    font-size: 30px;
    font-weight: 700;
}

/*.single-stats-item:hover .stats-item-heading i {
    color: #DCA329;
}*/

/*=====================================
    17. NOTFOUND STYLE SECTION
=======================================*/

.notfound-wrapper {
    height: 100vh;
    position: relative;
}

.notfound {
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.notfound > h1 {
    color: #fff;
    font-size: 100px;
    font-weight: 600;
    letter-spacing: 8px;
}

.notfound > h2 {
    color: #fff;
    font-size: 40px;
    margin-bottom: 30px;
}

.notfound span {
    color: #dca329;
}

/*=====================================
    18. MAP STYLESHEET
=======================================*/

/*=====================================
    19. PRICING TABLE STYLESHEET
=======================================*/

.price-item {
    border: 1px solid #f1f1f1;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    padding: 25px 0;
}

.plan-title {
    font-size: 20px;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.price-tage-wrapper {
    background: #464646 none repeat scroll 0 0;
    color: #f1f1f1;
    padding: 15px 0;
}

.price-value {
    color: #f1f1f1;
    margin-bottom: 4px;
}

.price-tage-wrapper > span {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.table-content > li {
    border-bottom: 1px solid #f1f1f1;
    padding: 14px 0;
}

.table-content > li:first-child {
    border-top: 1px solid #f1f1f1;
}

.table-content > li:nth-child(2n) {
    background: #f1f1f1 none repeat scroll 0 0;
}

.prising-footer {
    margin-top: 25px;
}

.price-item.feature .button.active {
    background: #464646;
}

.price-item.feature .button.active:hover {
    background: #dca329;
}

/*=====================================
    20. COUNTDOWN STYLESHEET
=======================================*/

.countdown-area {
    height: 100vh;
    position: relative;
}

.countdown-wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.minix-logo {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
}

.minix-logo span {
    color: #dca329;
}

.coming-soon-title h2 {
    color: #fff;
    font-size: 40px;
    letter-spacing: 10px;
}

.coming-soon-title > p {
    color: #fff;
    letter-spacing: 5px;
}

.cdown {
    display: inline-block;
    padding: 0 40px;
}

.cdown strong {
    font-size: 70px;
    color: #f1f1f1;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 2px;
}

.cdown p {
    text-transform: uppercase;
    color: #DCA329;
    letter-spacing: 2px;
    font-size: 20px;
}

.coming-newsletter input {
    border: 1px solid #ddd;
    height: 40px;
    padding: 10px;
    width: 300px;
}

.button.coming-soon {
    left: -4px;
    position: relative;
    top: -1px;
}

.coming-newsletter {
    margin-top: 26px;
}

/*Scroll To Top*/
.scroll-btn.btn-show i {
    background: #464646 none repeat scroll 0 0;
    bottom: 20px;
    color: #fff;
    font-size: 25px;
    height: 40px;
    padding: 6px 11px;
    position: fixed;
    right: 20px;
    transition: all 0.4s ease-in-out 0s;
    width: 40px;
}

.scroll-btn.btn-show i:hover {
    background: #dca329;
}

/*======================================
    21. PRELOADER STYLE
========================================*/
body.lds-ring {
    overflow: hidden;
}

.preloader-wrapper {
    height: 100%;
    width: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
}

.lds-ring {
    display: inline-block;
    position: absolute;
    width: 102px;
    height: 102px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 100px;
    height: 100px;
    border: 10px solid #179d82;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #179d82 transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.rotate {
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
}

.rotate.down {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.row-custom {
    background-color: #007bff;
    color: white;
    border-radius: 3px;
}

.custom-select {
    color: #262932;
    border: 1px solid #ececec;
    background: #f2f2f2;
    height: auto;
}

.single-stats-item.reset {
    min-height: auto;
}

#reset_error_msg {
    font-weight: bold;
    font-size: 15px;
    text-align: center;
}

.label-disdetto {
    z-index: 1000;
    position: absolute;
    top: -25px;
    right: -57px;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    background: #cd1f38;
    transform: rotate(39deg);
    padding: 3px 25px 3px 100px;
}

@media (min-width: 1170px) {
    .btn_conferma {
        position: absolute;
        right: 0;
        bottom: 44px;
    }
}

@media (min-width: 992px) and (max-width: 1060px) {
    .header-area h3 {
        display: inline-block;
    }
}

@media (min-width: 992px) {
    .panel-body .col-lg-8, .panel-body .col-lg-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 463px) {
    .btn_conferma_header {
        margin-right: 10px !important;
    }

    h4.panel-title::before {
        content: "" !important;
    }

    .seleziona_tecnico i {
        position: absolute;
        visibility: visible;
        background: #179d82;
        color: #ffffff;
        display: inline-block;
        font-size: 14px;
        height: 40px;
        letter-spacing: 0;
        line-height: 40px;
        padding: 0 15px;
        text-transform: uppercase;
        border: none;
        font-weight: 600;
        border-radius: 6px;
    }

    .seleziona_tecnico {
        /*width: 0;*/
        /*padding: 0;*/
        /*margin: 0;*/
        visibility: collapse;
    }

    .login_welcome {
        padding: 0 !important;
    }

    .login_welcome h1 {
        font-size: 35px !important;
    }

    .login_footer .left {
        float: none !important;
        text-align: center;
    }

    .login_footer .right {
        text-align: center !important;
    }

    .login_footer a {
        margin-left: 5px !important;
    }
}

@media (max-width: 1200px) {
    .reg_header a {
        margin-left: 0 !important;
    }

    .reg_header, .reg_footer {
        padding: 40px 40px 40px 40px !important;
    }

    .reg_header .left {
        text-align: left !important;
    }

    .reg_header .right {
        text-align: left !important;
    }

    .border_right {
        /*padding-right: 7px;*/
        /*border-right: 1px solid white;*/
    }
}

/* LOGIN */

.filter {
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
}

.contain-sm {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.contain-sm .form-group {
    position: relative;
    margin-bottom: 10px;
}

.card {
    position: relative;
    margin-bottom: 24px;
    background-color: rgba(255, 255, 255, 0.85);
    color: #313534;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
}

.card-body h4 {
    font-size: 20px;
}

.logo_login {
    position: relative;
    text-align: center;
    padding: 20px 0;
}

.logo_login h1 {
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #fff;
    letter-spacing: 2px;
    line-height: 1.3em;
    font-size: 20px;
}

.login_welcome {
    position: relative;
    padding: 40px 0;
}

.login_welcome h1 {
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 48px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 2px;
}

.login_welcome h2 {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 100;
    text-align: center;
    letter-spacing: 2px;
    margin-bottom: 20px;
    font-size: 26px;
}

.login_before_form {
    position: relative;
    text-align: center;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
}

.login_not_register hr {
    width: 30%;
    margin-top: 10px;
}

.login_not_register hr.left {
    float: left;
}

.login_not_register hr.right {
    float: right;
}

.login_footer {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: #ffffff;
}

.login_footer span {
    font-weight: 300;
}

.login_footer a {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    text-align: right;
    margin-left: 30px;
}

.login_footer .left {
    float: left;
}

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

/* register page */

.reg_left, .reg_right {
    position: relative;
    min-height: 100vh;
    height: 100%;
}

.reg_header, .reg_footer {
    padding: 40px 40px 40px 80px;
}

.reg_header {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
}

.reg_header span {
    font-weight: 300;
}

.reg_header a {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    text-align: right;
    margin-left: 30px;
}

.reg_header .left {
    float: left;
}

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

.reg_footer {
    position: fixed;
    bottom: 0;
}

.reg_footer h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 34px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 2px;
}

.reg_footer h2 {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 300;
    letter-spacing: 2px;
    margin-bottom: 20px;
    font-size: 18px;
}

.reg_right {
    padding: 10px;
}

.reg_logo {
    text-align: center;
    margin-bottom: 40px;
}

.reg_logo img {
    width: 64px;
}

.reg_logo h1 {
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.1em;
    font-size: 14px;
}

/* Home */

.section-home {
    padding-left: 0;
    padding-right: 0;
}

.section-home .filter {
    background-color: rgba(0, 0, 0, 0.4);
}

.section-home .logo {
    background-color: #179d82;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    height: 98px;
}

.section-home .logo img {
    width: 80px;
    margin-right: 0;
}

.section-home .logo p {
    color: #ffffff;
    /*padding-top: 32px;*/
    font-weight: 400;
}

.section-home .home_menu li {
    display: inline-block;
    line-height: 98px;
    margin-left: 20px;
}

.section-home .home_menu li a {
    color: #ffffff;
}

.section-home .home_menu li a:hover, .section-home .home_menu li.active a {
    border-bottom: 4px solid #179d82;
}

.section-home .home_content {
    margin-top: 440px;
}

.section-home .home_content h2 {
    font-family: "Roboto", sans-serif;
}

.home_footer {
    background-color: #333333;
    padding: 20px 40px;
    color: #ffffff;
    min-height: 60px;
    margin-top: 60px;
}

@media (max-width: 991px) {
    .home_footer, .home_footer .text-right {
        text-align: center !important;
    }

    .profile-controls, .profile-controls > .text-right {
        text-align: center !important;
    }
}

.form-group {
    padding-top: 16px;
}

.main-menu li.active {
    background-color: #179d82;
}

/* menu mobile*/

.bar {
    position: absolute;
    top: 38px;
    right: 35px;
    color: #fff;
}

#menu-mob {
    background-color: rgba(255, 255, 255, 0.9);
    /*padding: 2px 40px;*/
    margin-top: 2px;
}

#menu-mob li {
    border-bottom: 1px solid #179d82;
    padding: 10px 20px;
}

#menu-mob li:last-child, #menu-mob.dark li:last-child {
    border-bottom: none;
}

#menu-mob li:hover {
    background-color: #179d82;
}

#menu-mob li:hover a {
    color: #ffffff;
}

.bar.dark {
    color: inherit;
}

#menu-mob.dark ul {
    background-color: #676A6C;
}

#menu-mob.dark li {
    border-bottom: 1px solid #ffffff;
}

#menu-mob.dark li:hover, #menu-mob.dark li.active {
    background-color: #179d82;
}

#menu-mob.dark li a {
    color: #ffffff;
    text-transform: uppercase;
}

.form-group .form-control ~ label {
    top: 0;
    margin-bottom: 0;
    font-size: 12px;
    opacity: .8;
}

textarea {
    border: 1px solid rgba(12, 12, 12, 0.12) !important;
}

.btn_conferma_header {
    top: -30px;
    float: right;
    margin-right: 20px;
}


/* USER MOBILE*/

.login-mobile {
    margin:0 auto;
    width: 80%;
    border:1px solid #ddd;
    padding:15px;
}

.login-mobile  p {
    font-size: 16px;
    margin:0;
}

.login-mobile  i {
    /* margin-left: -35px; */
    margin-right: 10px;
    color: #333;
    font-size: 30px;
    float: left;
}