@import url(https://fonts.googleapis.com/css?family=Euphoria+Script);



/*---------------na--------------------------------------------------------------------*/
/*  RESET
/*-----------------------------------------------------------------------------------*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/*-----------------------------------------------------------------------------------*/
/*  GENERAL
/*-----------------------------------------------------------------------------------*/

body {
    font-family: 'Lato', sans-serif;
    font-size:14px;
    font-weight: 400;
    color: #222;
    background: #fff;
    background-image: url(../../img/bg.png);
    background-position: top center;
    background-repeat: no-repeat;
    border-top: 4px solid #c6d715;
    overflow-x: hidden;
}

h1 {font-family: 'Lato', sans-serif; font-size: 22px; line-height: 1.5;}
h2 {font-family: 'Lato', sans-serif; font-size: 18px; line-height: 1.5;}
h3 {font-family: 'Lato', sans-serif; font-size: 16px; line-height: 1.5;}
h4 {font-family: 'Lato', sans-serif; font-size: 14px; line-height: 1.5;}
h5 {font-family: 'Lato', sans-serif; font-size: 12px; line-height: 1.5; color: #acacac;}

ul, li {list-style: none; list-style-position: inside;}

.blu, a {color: #c6d715;}
a:hover {color: #E5ECE9;}

.justify {text-align: justify;}
b, .strong {font-weight: 700;}
i, .italic {font-style: italic;}

.thin {font-weight: 300;}

hr {border: 0; border-bottom: 1px solid #e7e7e7; margin: 40px 0;}
hr.m0 {margin: 20px 0;}

/*! fonts */

.pompiere {font-family: 'Pompiere', cursive;}

/*-----------------------------------------------------------------------------------*/
/*  COLORS
/*-----------------------------------------------------------------------------------*/

.grey {color: #B4B4B5;}
.light {color: #c6d715;}
.black {color: #333;}

/*-----------------------------------------------------------------------------------*/
/*  PROGRESS BAR
/*-----------------------------------------------------------------------------------*/

.progress-bar {
    background-color: #c6d715;
}

.progress-bar span {
    color: #333;
    height: auto;
    margin-top: 10px !important;
}

/*-----------------------------------------------------------------------------------*/
/*  STRUTTURA
/*-----------------------------------------------------------------------------------*/

.clearfix {clear: both;}

.pad0 {padding: 0;}

.pl0 {padding-left: 0;}
.pr0 {padding-right: 0;}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}

.pr10 {padding-right: 10px;}

/*-----------------------------------------------------------------------------------*/
/*  BOTTONI
/*-----------------------------------------------------------------------------------*/

.btn-primary { color: #ffffff; background-color: #c6d715; border-color: none; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #c6d715;
    background-color: #E5ECE9;
    border-color: #ced3d1;
}
.btn-red { width: 100%; background: #C74334; color: #fff; }
.btn-go {padding: 8px 20px; background: #c6d715; border: 0; color: #fff;}
.btn-go:hover { color: #fff; background-color: #589598; }

/*-----------------------------------------------------------------------------------*/
/*  NAVIGAZIONE
/*-----------------------------------------------------------------------------------*/

.navbar {margin-top: 50px; font-family: 'Lato', sans-serif;}
.navbar-brand img {width:240px}

.navbar-toggle {background: #E5ECE9;}
.icon-bar {background: #7f7f7f;}

.navbar-brand {margin-top: -30px;} .logo {margin-top: -50px;}
.navbar h1 {font-size: 34px; font-weight: 300; line-height: 1.0;} .navbar a {color: #333;} .navbar a:hover {text-decoration: none;}
.navbar h4 {font-weight: 400; font-size: 14px; color: #7e7e7e; line-height: 0;}

.navbar-right {font-weight: 700;}
.navbar-right a {color: #222;font-family: 'Montserrat', sans-serif;} .navbar-right a:hover {color: #c6d715;}

#intro {height: 980px; height: 735px; background: url(../../img/intro/intro.png);}

@media (max-width: 768px) {
    .navbar h1 {font-size: 26px;}
    .navbar-brand {margin-top: -32px;}
}

/*-----------------------------------------------------------------------------------*/
/*  PAGINE
/*-----------------------------------------------------------------------------------*/

.title {padding: 40px 0 0 0;}
.title h1 {font-size: 35px; font-weight: 700; letter-spacing:-1px}
.title-small h1 {font-size: 26px; font-weight: 700;} 
.title h2 {font-size: 18px; color: #333; font-weight: 300; line-height: 1.5;}

/*! PAGINA WEB */

.portfolio p {font-size: 16px; line-height: 1.5; text-align: center; font-weight: 300; color: #999;}
.portfolio h2 {font-weight: 700; color: #c6d715;}

.portfolio a:hover {text-decoration: none; color: #999;}

.single-item {margin-bottom: 30px;}

#video {margin-bottom: 100px;}
video {
    width: 100%    !important;
    height: auto   !important;
}

.bar-prev {background: #f9f9f9; padding: 40px 0; margin: 20px 0;}

/*! PAGINA EVENTI */

.eventi {padding-bottom: 60px;}

/*! PAGINA FORMAZIONE */

.formazione h2 {font-size: 20px;}
.formazione p {color: #777; line-height: 1.5;}

/*! PAGINA GRAFICA */

.nav-pills, .nav-pills ul {max-width: 730px; margin: 0 auto;}
.nav-pills a {font-size: 14px; font-weight: 400; color: #c6d715; text-transform: uppercase;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #c6d715;
}

#Grid{
    max-width: 784px;
    text-align: justify;
    font-size: 0.1px;
    margin: 0 auto;
    margin-bottom: 140px;
}

#Grid:after{
    content: '';
    display: inline-block;
    width: 100%;
}

#Grid .mix{
    display: none;
    width: 260px;
    height: 150px;
    vertical-align: top;
    margin: 0.5px;
    background:#c6d715;
}


#Grid .mix div {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

    /* IE 5-7 */
    filter: alpha(opacity=30);

    /* Netscape */
    -moz-opacity: 0.3;

    /* Safari 1.x */
    -khtml-opacity: 0.3;

    /* Good browsers */
    opacity: 0.3;
}

#Grid .mix div:hover {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    /* IE 5-7 */
    filter: alpha(opacity=100);

    /* Netscape */
    -moz-opacity: 1;

    /* Safari 1.x */
    -khtml-opacity: 1;

    /* Good browser*/
    opacity: 1;
}

#Grid .gap{
    display: inline-block;
    width: 200px;
}

/*-----------------------------------------------------------------------------------*/
/*  PREVENTIVO
/*-----------------------------------------------------------------------------------*/

.list li {margin-bottom: 16px;}

.title p.prezzo {font-size: 40px; font-weight: 300;}
.prezzo span {font-size: 28px;}
.disclamer {color: #aaa; line-height: 1.2;}

/*-----------------------------------------------------------------------------------*/
/*  PRICE TABLE
/*-----------------------------------------------------------------------------------*/

#price_table_title {
    text-align: center;
}

#price_table_title h2, #price_row h2 {font-size: 26px; margin-top: 5px;}
#price_table_title p {line-height: 1.5;} #price_table_title span {font-size: 16px;}

.col {padding: 10px 15px 10px 15px;}

.bestseller {
    background: #c6d715;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 0 5px 5px #C4C8CB;
}

.text_row {
    color: #fff;
    border-bottom: 1px solid #4F5861;
}

.indice {padding-left: 40px !important; text-align: left !important;}
.col-row {
    padding: 10px 15px 18px 15px; 
    text-align: center; 
    background: #59626A; 
    height: 60px;
}
.col-row p {line-height: 1.5; font-size: 16px;}
.col-row span {font-size: 12px; font-weight: 300px; color: #c6d715;}
.first_text_row {padding-top: 25px;}
.first_row {
    border-top-left-radius: 10px;
}

.middle {background: #537B82;}

#price_row {
    background: #F3F4F4;
}

.col-row_price {
    padding: 10px 15px 15px 15px; 
    text-align: center; 
    color: #c6d715;
}

.col-row_price p {line-height: 1.5;}
.middle-light {background: #c6d715; color: #fff;}
#price_row span {font-size: 22px; font-weight: 300;}


/* Mappa */

#map {width: 880px; margin: 0 auto 80px auto;}


/* GENERAL */
.uppercase {text-transform:uppercase}
.center {text-align:center}
h1 {font-size:50px; font-family: 'Montserrat', sans-serif;}
.note {color:#C4C8CB; font-size:14px; margin-top:10px}
sup {top:0}
.divisore {width:80%; margin:0px auto 50px auto; height:15px; display:block; background:#f5f5f5; border:1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.img-responsive {max-width:100%; width:100%}
.anchor {position:absolute; top:0; left:0; height:100%; width:100%}
.disable {display:none}
.full-container {width:100%}
.navbar-nav > li > a {padding:10px; background:none}


/* SOCIAL */
.social {width:80%; margin:40px auto 0px auto; display:block; max-width:600px}
.social div {display:inline-block; vertical-align:top; width:30%}
.social div:nth-child(2) {margin:0 4%}
.social div p {display:none; margin-top: 30px}

/* TABS */
#tabs {margin-bottom:40px; text-align:center}
#tabs ul li {display:inline-block; padding:0 15px; border-right:1px solid #c6d715; text-transform:uppercase; margin:10px 0px}
#tabs ul li:last-child {border-right:none}
.ui-tabs-panel {overflow:hidden}

.elem-tabs {position:relative; width:33.33333%; float:left; overflow:hidden; line-height:0}
.elem-tabs.photo {width:25%}
@media (max-width: 767px){
    .elem-tabs {width:100%}
    .form-horizontal .control-label {display:block; text-align:left; margin-bottom:5px}
}
.elem-tabs:nth-child(3n + 2) {margin:0;}
.elem-tabs img {width:100%}

.elem-tabs .titolo {display: flex; align-items: center; justify-content: center; background:rgba(198,208,34,.9); opacity:0; }
.elem-tabs .titolo .content {max-width:90%}
.elem-tabs .titolo .content p {text-transform:uppercase; text-align:center; color:#fff; padding:20px 35px; border:3px solid #fff; line-height:1.2em; letter-spacing:1px}

/* COOKIE */
.cookie {text-align:left;}
.cookie p {line-height:1.4em}
.cookie ul {margin: 5px 0 0px 15px}
.cookie ul, .cookie li {list-style-type: circle; list-style:initial; list-style-position:inside}
.cookie li {margin-bottom:10px; line-height:1.4em}
.cookie table {border-collapse: collapse}
.cookie table td {border:1px solid #ddd; padding:10px}

/* FOOTER */
.footer {text-align:center; padding:15px 0px; border-top:1px solid #F9F9F9; margin-top:20px}
.footer ul li {display:inline-block; padding:0 15px; border-right:1px solid #000; margin-bottom:10px; margin-top:10px}
.footer ul li:last-child {border-right:none}


/* SOCIAL MENU */
.social-menu {position:relative; top:4px; margin-left:15px}
.social-menu img {border-radius:50%; display:inline-block; width:30px; }
.social-menu a:nth-child(2) {margin:0 5px}

.list-clients {background:#000; padding:40px 0px}
.list-clients table {max-width:1000px; margin:0px auto; display:block; width:95%}
.list-clients table td {width:20%; vertical-align:middle; padding:10px 30px}
.list-clients table td img  {max-width:100%; max-height:100%}
.list-clients table td img.small {max-height:80%}
.list-clients table td img.small-2 {max-height:50%}
.list-clients table td img.small-3 {max-height:70%}


@media (min-width: 768px) and (max-width: 1000px){
    .navbar-brand img {width:140px; position:relative; top:15px}
    .nav > li > a {padding:15px 10px; font-size:12px}
    .container.ctn-menu {max-width:none}
}

@media(max-width: 768px){
    .list-clients table td {width:20%; vertical-align:middle; padding:10px 8px}
}