/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}/*** ELEMENTI PRINCIPALI ***/
body {
	color: #666666;
}

p {
	font-size: 15px;
	font-weight: 300;
}

h3 {
	font-family: Raleway,sans-serif;
    color: #262932;
    margin: 0;
    font-size: 25px;
    line-height: 1.2em;
    font-weight: 400;
}

ul {
    list-style-type: disc;
}

.mkd-content li {
	color: #666666;
	list-style-type: disc;
}

a:link {
	color: #38b9df;
}

a:visited {
  color: #38b9df;
}

.azzurro {
	color: #38b9df;
}
.main-titolo-pagina {
	padding-bottom: 50px;
}

strong {
    color: #262932;
    font-weight: 400;
}

.sottotitolo {
	font-family: Raleway,sans-serif;
    color: #262932;
    font-size: 19px;
    line-height: 1.68em;
    font-weight: 500;
    margin: 15px 0;
}

.sottotitolo-2 {
	font-family: Raleway,sans-serif;
    color: #262932;
    font-size: 19px;
    line-height: 0.68em;
    font-weight: 500;
    margin: 15px 0;
}
/*** HEADER ***/

/* logo */

.mkd-logo-wrapper h1{
	margin: 0px 0;
	line-height: 0;
}

/* HEADER: login form */

#login-form {
    display: none;
    position: absolute;
    margin-top: 45px;
}

#login-form table {
    border: 2px solid black;
}

#login-form tr {
    background: white;
}    

#login-form td {
    padding: 9px 10px 5px;
}

#login-form input {
    margin-bottom: 0;
}

#logout {
    position: absolute;
    font-size: 12px;
    right: 15px;
    top: 137px;
    z-index: 300;
}

/* HEADER: menu' */

.mkd-main-menu ul li.mkd-active-item a, .mkd-main-menu ul li:hover a {
	color: #38b9df;
}

.mkd-drop-down .second .inner ul li ul li:hover>a, .mkd-drop-down .second .inner ul li.current-menu-item>a, .mkd-drop-down .second .inner ul li.sub ul li:hover>a, .mkd-drop-down .second .inner>ul>li:hover>a {
	color: #38b9df;
}

.mkd-drop-down .second .inner ul li a:before {
	background: #38b9df;
}

/*** CONTAINER ***/

/*** CONTENT ***/

#box-portfolio h2 {
	text-align: center;
	margin-top: 50px;
	white-space: nowrap;
}

#slide-17-layer-7.tp-caption.rev-btn.rev-withicon.tp-resizeme.rs-hover-ready {
	background-color: #38B9DF !important;
}
.mkd-btn.mkd-btn-solid {
	background-color: #38B9DF !important;
	border: 1px solid #38B9DF;
}
#bottone .mkd-interactive-banner-holder.mkd-interactive-banner-light-theme.mkd-btn.mkd-btn-solid  {
	background: #fff;
    color: #221f1b;
}

/* slideshow */

#rev_slider_1_1 h2 {
	color: #fff;
	font-size: 51px;
}

#rev_slider_1_1 h3 {
	color: #fff;
	font-size: 23px !important;
	line-height: 38px;
	font-weight: 400;
}

.tp-caption.rev-btn.rev-withicon.tp-resizeme.rs-hover-ready {
	left: 50%;
}

#rev_slider_1_1 h2 span {
    font-size:60px !important;
    line-height:45px !important;
}

#rev_slider_1_1 .tp-caption {
    font-size: 16px !important;
    line-height:25px !important;
    padding: 14px 21px 14px 31px !important;
}

/* TAG I, resta invariato con l'hover */
#rev_slider_1_1 .rev-btn.rev-withicon i {
    width: 20px;
    display: inline-block;
}
.rev-btn.rev-hiddenicon i, .rev-btn.rev-withicon i {
    width: 20px;
    height: 12px;
    display: inline-block;
}

/* FRECCIA VISIBILE INIZIALMENTE */
.rev-btn .arrow_carrot-right::after {
    top: 0;         
    display: block;
}
.rev-btn:hover .arrow_carrot-right::after {
}

/* FRECCIA VISIBILE ALL'HOVER */
.rev-btn:hover .arrow_carrot-right::before {  
}
.rev-btn:hover .arrow_carrot-right::before {
    top: 0px;
    display: block;
    position: relative;
    left: 0;
}

/*** FAQ HOME ***/

.mkd-icon-font-elegant.icon_search  {
	float: left;
	margin-right: 10px !important;
	font-size: 25px !important;
}

/*** HOME ***/

.mkd-page-header .mkd-main-menu>ul>li>a.current, .mkd-page-header .mkd-main-menu>ul>li>a:hover {
	    box-shadow: inset 0 -4px 0 #38b9df;
}

.mkd-interactive-banner-holder.mkd-interactive-banner-light-theme .mkd-btn.mkd-btn-solid {
    background: #fff !important;
    color: #221f1b !important;
}

.mkd-icon-ion-icon.ion-ios-star-outline {
	color: #38b9df !important;
} 

.mkd-icon-ion-icon.ion-android-done {
	color: #38b9df !important;
}

#mkd-back-to-top>span {
	background-color: #29add9;
}

.six-box-home h2, .mkd-testimonial-text-inner h2 {
	font-size: 19px;
	color: #262932;
	font-weight: 500;
	line-height: 1.68em;
}
h2.resp-design {
	margin-top: 0px;
	font-size: 27px;
}

#rev_slider_18_3_wrapper h3 {
	font-weight: 400;
}

.mkd-call-to-action-text p {
	font-family: "Raleway", sans-serif;
	font-size: 19px;
	line-height: 1.68em;
    font-weight: 500;	
}    

/*** Portfolio Home ***/

.mkd-interactive-banner-image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

#box-portfolio .mkd-btn {
	padding: 10px 22px;
}

.box-portfolio-home {
	background-size: cover;
    background-position: center;
    display: block;
}

#box-portfolio .testi h3 {
	color: #fff;
	white-space: nowrap;
}

#box-portfolio .testi p {
	color: #fff;
	text-align: center;
	font-weight: bold;
}

#box-portfolio img {
	display: block;
}

.testi {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}	

#box-portfolio .mkd-separator {
	padding-bottom: 25px;
}  

.box {
    position: relative;
    overflow: hidden;
    display: block;
}
.box .box-pic {
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all 1s cubic-bezier(0.24, 0.63, 0.5, 0.99);
}
.box-pic {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}
.over-texts {
    opacity: 0;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.24, 0.63, 0.5, 0.99);
}

.box:hover .over-texts {
    background: #2e2d2ec2;
    opacity: 0.8;
}


/*** Digital Analytics ***/

.digital-list  h3 {
	font-weight: 400;
}
    
/*** STRUTTURA GENERALE ***/

.titolo-pagina-sezione {
	font-family: Raleway,sans-serif;
	color: #ffffff;
    font-size: 35px;
    text-transform: capitalize;
    font-style: normal;
    font-weight: 700;
    display: inline-block;
    line-height: 1.2em;
    vertical-align: middle;
    margin: 0;
}

p.mkd-subtitle {
	font-family: "Raleway", sans-serif;
	font-size: 19px;
}

.titolo-page-content {
	font-family: Raleway,sans-serif;
    color: #262932;
    margin: 25px 0;
    font-size: 45px;
    line-height: 1.2em;
    font-weight: 700;
}

.titoletto {
	font-family: Raleway,sans-serif;
    color: #262932;
    margin: 25px 0;
    font-size: 25px;
    line-height: 0em;
    font-weight: 700;
}

.main-row {
	border:none;
}

#contenuto-pagine .col-sx {
	width: 70%;
	vertical-align: top;
}

#contenuto-pagine .col-dx {
	width: 30%;
	vertical-align: top;
}

.keywords {
	text-align:left;
	padding: 20px 60px;
	background-color: #eaeaea;
	color: black;
}

a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, p a {
	color: black;
}

.current {
	color: #38b9df;
}

.vc_custom_1480589679722{padding-top: 51px !important;padding-bottom: 68px !important;}.vc_custom_1480589780001{padding-top: 60px !important;padding-bottom: 70px !important;}.vc_custom_1480591050580{padding-top: 66px !important;padding-bottom: 20px !important;}.vc_custom_1480591664172{padding-top: 35px !important;padding-bottom: 70px !important;}.vc_custom_1479904396618{padding-top: 30px !important;padding-bottom: 30px !important;background-image: url(http://eside.local/img/H1-Call-to-Action-1.jpg?id=3041) !important;}.vc_custom_1479994750885{margin-top: -26px !important;}

/*** MENU SEZIONE ***/
.mkd-side-menu .widget.widget_search .input-holder button {
	background: #29add9;
}
.wpb_column vc_column_container.vc_col-sm-12.vc_col-lg-3.vc_col-md-12 {
	margin-top:20px;
}

.mkd-vertical-menu-area.mkd-vertical-dropdown-float {
	padding: 20px 0;
}

.mkd-vertical-menu-outer {
	padding-top: 0px;
	padding-bottom: 50px;
}

.titoletto-menu-sezione {
	font-family: Raleway,sans-serif;
    color: #262932;
    margin: 25px 0;
    font-size: 25px;
    line-height: 1.2em;
    font-weight: 700;
}

.contatti-sezione {
	line-height: 0;
	margin-top: 20px;
	margin-bottom: 8px;
}

.mkd-unordered-list ul > li.mkd-list-item .text {
	line-height: 1.3em;
}

.bottone-assistenza {
    background: #38b9df;
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff !important;
}

/*** TESTATA ***/ 

.mkd-title.mkd-has-parallax-background {
	background-attachment: unset;
	background-size: cover;
}

/*** PARAGRAFI ***/

.paragrafo ul {
	margin-left: 15px;
}

.paragrafo ul.digital-list {
	margin-left: 0px;
}

.paragrafo .mkd-btn.mkd-btn-medium.mkd-btn-solid.mkd-btn-icon {
	margin-bottom: 15px;
} 

.paragrafo img {
	margin-bottom: 15px;
}

.paragrafo .wpb_content_element p,
.paragrafo .wpb_content_element li,
.paragrafo .wpb_content_element a,
.paragrafo .mkd-btn {
    font-size:18px;
}

.paragrafo .wpb_content_element p, .paragrafo .wpb_content_element li  {
    line-height:30px;
}
.paragrafo .mkd-unordered-list p
{
    color: #262932;
}

/*** PORTFOLIO ***/

.mkd-section-portfolio {
    background: #ece8e5;
}

.layout-portfolio {
	padding-top: 50px;
	padding-bottom: 50px;
}

.layout-portfolio p {
	color: #333;
}

.mkd-portfolio-list-holder.mkd-pl-standard-shader article a .mkd-pli-image:after {
	background-color: transparent !important;
}


.mkd-pl-filter-holder ul li.mkd-pl-current h6, .mkd-pl-filter-holder ul li:hover h6 {
	color: #35b1db;
}

.mkd-portfolio-list-holder article .mkd-pli-image img {
    border: 1px solid #cccccc;
}

/*** BLOG ***/

#blog-list article {
    padding: 15px;    
}

/*** FORM CONTATTI ***/

input[type=text] {
    width: 85%;
    height: 40px;
    display: block;
    margin-bottom: 10px;
}

#contatti_messaggio {
	width: 85%;
    height: 200px;
    display: block;
}

.contatti-checkbox {
	padding-top: 20px;
}

#form-contatti {
    margin-top: 30px;   
    overflow: visible; 
}

#form-contatti ul {
    border-top: 1px solid #E6E6E6;    
}

#form-contatti #contatti_check_in {
    float: left;
    width: 86%;
    margin-right: 5px;
}

#form-contatti #calendar img {
    float: left;    
    margin-bottom: 15px;  
    margin-top: 2px;
}

#form-contatti select {background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }

#form-contatti .button {
    float: left;    
    height: 49px;
    width: 140px;
    margin-top: 12px;
}

#form-contatti .errors {
    color: #C60F13;
}  

#form-contatti .compulsory {
    font-style: italic;
    margin-bottom: 17px;
}

#form-contatti #contatti_privacy {
    margin: 0 10px 12px; 
    float: left;
}

#form-contatti #privacy_popup_link {
    color: #4D4D4D;
    text-decoration: underline;
}

#form-contatti #privacy_popup_link:hover {
    color: #2795b6;
}

/*** GOOGLE MAP ***/
#gmap {
    width:  100%;
    height: 300px;
}
#gmap-info {
    width: 170px;
}

#gmap-info h3 {
    margin: 0;
}

#gmap-info #gmap-info-logo {
    width: 110px;
    position: relative;
}

#gmap-info hr {
    margin: 0 0 4px;
}

.gm-style img {
    max-width: none;
}


/*** FOOTER ***/

#footer {
}

#footer * {
} 

footer .mkd-footer-top .widget	{
	margin: 0 0 31px;
}
footer .mkd-footer-top .mkd-latest-posts-widget .mkd-item-title a {
    font-weight:300;
    color:#fefefe;
}

/*** RESPONSIVE ***/

/* RESPONSIVE: min-width: 768px */

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

}   

/* RESPONSIVE: max-width: 1400px */

@media only screen and (max-width: 1400px) { 
	.mkd-header-standard-extended .mkd-page-header .mkd-logo-area .mkd-logo-wrapper a {
		height: 50px !important;
	}
}


/* RESPONSIVE: max-width: 1200px */

@media only screen and (max-width: 1200px) {   
	li {
		list-style-position: initial;
	}
	.wpb_column.vc_column_container.vc_col-sm-12.vc_col-lg-9.vc_col-md-12 {
		width: 100%;
	}
	
}

/* RESPONSIVE: max-width: 1199px */

@media only screen and (max-width: 1199px) {
	.wpb_column.vc_column_container.vc_col-sm-12.vc_col-lg-6.statistics {
		display: none;
	}
	.mobile-visibility {
		display: none;
	}
}


/* RESPONSIVE: max-width: 1024px */

@media only screen and (max-width: 1024px) {  
	.mkd-mobile-header .mkd-mobile-menu-opener a {
		font-size: 28px;
	}
    .mkd-title.mkd-title-image-not-responsive .mkd-title-image {
		display: flex;
	    justify-content: center;
	    height: 100%;
	}
	
	.mkd-title .mkd-title-image img {
		width: auto;
		max-width: unset;
    	height: 200px;
	}
}

/* RESPONSIVE: max-width: 991px */

@media only screen and (max-width: 991px) { 
	.paragrafo .wpb_single_image.wpb_content_element.vc_align_left {
		display: none;
	}
	.main-titolo-pagina {
		padding-bottom: 10px;
	}
}

/* RESPONSIVE: max-width: 767px */

@media only screen and (max-width: 767px) { 
    .top-bar > ul {
        display: block;
    }
    .titolo-pagina-sezione {
	    font-size: 30px;
	}
    .vc_row.wpb_row.vc_row-fluid.mkd-section.vc_custom_1480589679722.mkd-content-aligment-left.mkd-grid-section {
		padding-top: 50px !important;
	}
}   

/* RESPONSIVE: max-width: 669px */

@media only screen and (max-width: 669px) {
	.mkd-elements-holder-item.mkd-width-1-1.mkd-vertical-alignment-middle.mkd-horizontal-alignment-left {
		padding-bottom: 10px;
	}
}

/* RESPONSIVE: max-width: 600px */

@media only screen and (max-width: 600px) {	
	.titolo-pagina-portfolio {
	font-size: 40px !important;
	}
    .titolo-page-content {
        font-size: 32px;
    }
}
 
/* RESPONSIVE: max-width: 599px */

@media only screen and (max-width: 599px) { 
	#box-portfolio h2 {
    //padding: 2% 33%;
    font-size: 27px;
	}
	
	.mkd-interactive-banner-image {
		background-size: cover;
	}
} 

/* RESPONSIVE: max-width: 480px */

@media only screen and (max-width: 480px) { 
	.mkd-title .mkd-title-holder .mkd-subtitle, .mkd-title-separator-holder {
		display: block;
	}
	footer .mkd-footer-top:not(.mkd-footer-top-full) .mkd-container-inner {
		padding: 30px 0 0;
	}
	#mkd_image_widget-5.widget.mkd-footer-column-1.widget_mkd_image_widget {
		max-width: 150px;
	}
    
    #blog-list article {
        padding: 15px 0;    
    }
}       

/* RESPONSIVE: max-width: 380px */

@media only screen and (max-width: 380px) { 
}   

/* RESPONSIVE: max-width: 320px */

@media only screen and (max-width: 320px) { 
	.mkd-mobile-header .mkd-mobile-header-inner {
		height: 85px;
	}
	.clearfix.mkd-section-inner {
		width: 300px;
	}
}   
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}