@import url("jquery.fancybox.min.css");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,400i,700|Raleway:300,400,500,600,700|Crete+Round:400i");

*{padding: 0; margin: 0;}
html, body{background: #fff; font: 1em "Lato", Arial, Helvetica, sans-serif; line-height:normal; margin: 0; padding: 0;}
img {margin: 0; padding: 0; border: 0;}
.img-resp {width: 100%;height: auto; max-width: 100%;}
.img-resp2 {height: auto; max-width: 100%;}
.img-resp-def { max-width: 100%; height: auto; display: block; }

#wrapper {position: relative; width: 100%; margin: 0px auto; background-color: #FFF; float:none; }
.content-wrap { position: relative; padding: 0 !important; }
.container-fullwidth { position: relative; width: 100%; }
.clearfix::after { display: block; clear: both; content: ""; }
.cf-page__main { max-width: none;}
#header {margin:0;padding:0;}

#page-content{min-height:400px; height:auto !important; padding: 0px 60px;margin:0;background-color: #fff;}

#logo { position: relative; line-height: 100%; /*text-align: center !important;*/ padding-left:30px; }
#logo img { max-width: 100%; }
#logo a.standard-logo { display: block; }
#logo a.retina-logo { display: none; }
@media (max-width: 991.98px) {
	#logo img { height: 100px; }
	#logo { margin: 0 auto 0!important; text-align: center; padding-left:0px;}
	#page-content, .cf-page__progress{padding: 0px 20px 0px 20px;}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

	#logo a.standard-logo { display: none; }
	#logo a.retina-logo { display: block; width:50%; max-width:50%;}
	#logo { margin: 0 auto 0!important; text-align: center; padding-left:0px;}
	#page-content, .cf-page__progress{padding: 0px 20px 0px 20px;}
	
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991.98px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 991.98px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 991.98px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 991.98px),
only screen and (                min-resolution: 192dpi) and (max-width: 991.98px),
only screen and (                min-resolution: 2dppx) and (max-width: 991.98px) {
	#logo a.standard-logo { display: none; }
	#logo a.retina-logo { display: inline-block; width:50%; max-width:50%;}
	#logo { margin: 0 auto 0!important; text-align: center; }
	#page-content, .cf-page__progress{padding: 0px 20px 0px 20px;}
}




#footer{height: 50px;padding: 0px 20px 20px 20px;font-size: .75em;color: #EA4D4A;font-weight:bold;margin:0;}
#footer a{color:#444;text-decoration:underline;}
#footer a:hover {color:#EA4D4A;text-decoration:none;}


a {color: #EA4D4A;}
a:hover {color: #444;}
.clear{clear: both;}
.left {float:left;}
.right {float:right;}
h2{color: #EA4D4A;font-size: 1.7em;font-weight: bold; margin-top: 10px;margin-bottom: 30px;line-height:normal;}
h3{color: #737373;font-size: 1.2em;font-weight: bold;line-height:normal;}
.line {height:1px; border-top:1px solid #ccc; margin:20px 0;}
.carousel-question {font-weight:normal;}
.carousel-question p {font-size: 120%;font-weight:bold;}

.cf-page {background-color: #ffffff;}
.cf-powered-by-confirmit, .cf-page__header {display:none}
.cf-page, input, textarea, select, button {font-family: "Lato", Arial, Helvetica, sans-serif;color: rgba(0, 0, 0, 1);}
.cf-progress__indicator {background: #EA4D4A;}
.cf-navigation-next, .cf-navigation-ok, .cf-navigation-back { color: #ffffff; background: #EA4D4A; padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; display: inline-block; font-weight: 400;    text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }    
.cf-navigation-next:hover, .cf-navigation-ok:hover, .cf-navigation-back:hover  { color: #fff; background-color: #444; }    
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }    
.cf-question__text  {font-weight:normal; font-size:18px;}
.cf-single-answer--selected {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%23EA4D4A' stroke-width='2' fill='none'/%3E%3Ccircle cx='12' cy='12' r='5' fill='%23EA4D4A' /%3E%3C/svg%3E"); }
.cf-multi-answer--selected {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='22' height='22' stroke='%23EA4D4A' stroke-width='2' fill='%23EA4D4A' rx='2' ry='2'/%3E%3Cpath d='M 5,11 L 10,16 L 19,7' stroke='%23f7f7f7' stroke-width='2' fill='none' /%3E%3C/svg%3E"); }
.cf-multi-answer--exclusive.cf-multi-answer--selected {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%23EA4D4A' stroke-width='2' fill='none'/%3E%3Ccircle cx='12' cy='12' r='5' fill='%23EA4D4A' /%3E%3C/svg%3E"); }
.cf-grid-answer__scale-item--selected {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%23EA4D4A' stroke-width='2' fill='none'/%3E%3Ccircle cx='12' cy='12' r='5' fill='%23EA4D4A' /%3E%3C/svg%3E"); }

.cf-error-block { font-size: 14px; padding: 4px 0; margin: 0; color: #EA4D4A; }
.cf-error-block--top, .cf-error-block--absolute-top { margin-top: 0; margin-bottom: 8px; border-top: none; border-bottom: 1px solid #EA4D4A; }
.cf-error-block--bottom, .cf-error-block--absolute-bottom { margin-top: 8px; margin-bottom: 0; border-top: 1px solid #EA4D4A; border-bottom: none; }
.cf-text-box--error { border-color: #EA4D4A; }
.cf-text-area--error { border-color: #EA4D4A; }
.cf-dropdown--error { border-bottom: 1px solid #EA4D4A; }
.cf-carousel__paging-item--error { background-color: #EA4D4A; }
.cf-toast--error .cf-toast__wrapper { background-color: #EA4D4A; color: #ffffff; }
.cf-answer-button--selected .cf-answer-button__other-input--error { border-bottom: 1px solid #EA4D4A; }
.cf-dnd-ranking-list--limit-exceeded { border-color: #EA4D4A; }
.cf-dnd-ranking-list--limit-exceeded .cf-dnd-ranking-list__counter { color: #EA4D4A; }

.cf-question__instruction { font-size: 90%; font-style: italic;}
    
.cf-grid-answer--answer-buttons .cf-grid-answer__scale-item { color: #000; }
.cf-grid-answer--answer-buttons .cf-grid-answer__scale-item--selected { border-color: #EA4D4A; background-color: #EA4D4A; color: #fff; }
.cf-answer-button {color: #000;}
.cf-answer-button--selected { border-color: #EA4D4A; background-color: #EA4D4A; color: #fff; }
.cf-searchable-question__selected-count {background-color: #EA4D4A;}
.cf-searchable-question__load-more {color: #EA4D4A;}

/** riduco il padding per il form di registrazione **/
.cf-question {padding: 20px 16px 10px}


.btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; display: inline-block; font-weight: 400; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; cursor: pointer; background-color: #EA4D4A; border-color: #EA4D4A; }
.btn:hover { color: #fff; background-color: #444;  border-color: #444;}

.btn-black { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; display: inline-block; font-weight: 400; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; cursor: pointer; background-color: #000; border-color: #000; }
.btn-black:hover { color: #444; background-color: #fff;  border-color: #444;}
.small {font-size : 90%}

.cf-numeric-list-auto-sum__label {color: #EA4D4A;}
.cf-numeric-list-auto-sum__value { color: #EA4D4A; }


.cf-dnd-ranking-answer--ranked { background: #EA4D4A;}
.cf-dnd-ranking-answer { color: #EA4D4A; }
.cf-dnd-ranking-list__counter { color: #EA4D4A; }
.cf-dnd-ranking-list--ranked { border: 2px dashed #EA4D4A; background: rgba(234, 77, 74, 0.1); }

/* nascondo il pulsante OK per evitare che rediriga su Confirmit - l'ho fatto via js*/
/*.cf-navigation-ok {display:none}*/

.cf-hrs-single__scale-item { color: #EA4D4A; }
.cf-hrs-single__scale-item--selected { border-color: #EA4D4A; background: #EA4D4A; color: #ffffff; }
.cf-carousel__paging-item--complete { background-color: #EA4D4A; }
.cf-carousel__paging-item:hover::before, .cf-carousel__paging-item--current::before { border: 1px solid #EA4D4A; }


.cf-dnd-ranking-answer__text {color: rgba(0, 0, 0, 0.6);}
.cf-dnd-ranking-list__item.cf-dnd-ranking-answer.cf-dnd-ranking-answer--ranked div.cf-dnd-ranking-answer__text {color: #fff;}
.cf-dnd-ranking-list__item.cf-dnd-ranking-answer.cf-dnd-ranking-answer--dragging div.cf-dnd-ranking-answer__text {color: #fff;}
.cf-ranking-answer {border-radius: 2px; color: #EA4D4A;#}
.cf-ranking-answer--selected { border-color: #EA4D4A; background-color: #EA4D4A; }
.cf-dnd-ranking-list__counter { color: #EA4D4A;}
.cf-dnd-ranking-list--ranked { border: 2px dashed #EA4D4A;}
.cf-dnd-ranking-answer {color: #EA4D4A;}
.cf-dnd-ranking-answer__rank { color: #ffffff; }
.cf-dnd-ranking-answer__handle {border-color: #EA4D4A; }
.cf-dnd-ranking-answer--dragging { background: #EA4D4A; color: #ffffff;}
.cf-dnd-ranking-answer--ranked { background: #EA4D4A; color: #ffffff; border: none; }
.cf-dnd-ranking-answer-placeholder--ranked { background: #f6f6f6 }

.cf-grid-answer--multi .cf-grid-answer__scale-item--selected { background-image: url(data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='22' height='22' stroke='%23EA4D4A' stroke-width='2' fill='%23EA4D4A' rx='2' ry='2'/%3E%3Cpath d='M 5,11 L 10,16 L 19,7' stroke='%23f2f2f2' stroke-width='2' fill='none' /%3E%3C/svg%3E); }
.cf-grid-answer--multi .cf-grid-answer__scale-item--exclusive.cf-grid-answer__scale-item--selected {background-image: url(data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%23EA4D4A' stroke-width='2' fill='none'/%3E%3Ccircle cx='12' cy='12' r='5' fill='%23EA4D4A' /%3E%3C/svg%3E);


/* template v3 */
.cf-button--selected { color: #fff; border-color: #EA4D4A; background-color: #EA4D4A; }
.cf-button{ color: #EA4D4A; }
.cf-checkbox--selected { background-color: #EA4D4A; border-color: #EA4D4A; }
.cf-radio--selected { background-color: #EA4D4A; border-color: #EA4D4A; }


