/* Chat modal - slide 2 - start */
#overlay {display: none;position:fixed; top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);z-index: 9999}
#modal {position:fixed;z-index: 9999;top: 50%;left: 50%;transform: translate(-50%,-50%);-ms-transform: translateX(-50%) translateY(-50%);-webkit-transform: translate(-50%,-50%);max-width: 350px;box-shadow: 3px 0 7px rgba(0,0,0,0.35);border-radius: 10px;}
.home-modal{display: none;}
.home-modal-start.open .home-modal{display: block}
.home-modal-start.open #overlay{display: block}
.home-modal .modal-content {border-radius:10px;border-top-left-radius: 0;border-top-right-radius: 0; background:#fff;text-align: center;font-family: "SkyTextMedium"}
.home-modal .close {background:url(/etc/designs/skyit/chat/img/chatengage_close.png) 0 0 no-repeat;width:16px;height:16px;display:block;text-indent:-9999px; float: right;background-size: 16px;margin-top: 6px}
.home-modal .modal-header{background-color: #39549e;padding: 8px 20px;color: #fff;border-radius: 10px; border-bottom-left-radius: 0;border-bottom-right-radius: 0}
.home-modal .modal-header img{width: 28px}
.home-modal .modal-header span{margin-left: 6px;vertical-align: middle}
.home-modal .modal-content .content-details{border-top: 1px solid #f4f5f7;border-bottom: 1px solid #f4f5f7;padding: 20px;line-height: 20px;}
.home-modal .modal-content .logo-container{padding: 50px 0 30px}
.home-modal .modal-content .btn-container{padding: 60px 0}
.home-modal .modal-content .btn-container .mainMenu_itemBtn{min-width: 250px;margin-left: 0;padding: 12px;font-size: 18px;border-radius: 10px;}

@media only screen and (max-width: 768px){
    #modal {width: 90%;/*max-width: unset;*/top: 5em;transform: translate(-50%,0)}
}

/* custom*/
.home-modal .modal-header{text-align: initial; line-height: 22.4px;}
.home-modal .modal-header img{vertical-align: middle;}
.home-modal .modal-header .textTitleChat{font-family: 'SkyTextMedium'}
#modal {min-width: 280px;}

.home-modal .modal-content .loginBtn {
    background-color: #3752a0!important;
    margin-right: 0!important;
}
.home-modal .modal-content .loginBtn:hover {
    background-color: #5675d0!important;
}

.home-modal .modal-content .mainMenu_itemBtn {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    min-width: 120px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 32px;
    margin-left: 32px;
}

.home-modal .modal-content {
    border: none;
}

@media only screen and (max-width: 1024px){
    #modal {max-width: 300px;}
}

/* Chat modal - slide 2 - end */

/* chat header - slide 4 - start */
.chat-header{position:fixed;background-color:#39539e;width:100%;z-index:999;text-align:center;-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform:translateY(-100%);-webkit-transition: all .50s ease-in-out 0s;-moz-transition: all .50s ease-in-out 0s;-o-transition: all .50s ease-in-out 0s;transition: all .50s ease-in-out 0s;}
.chat-header.open{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform:translateY(0);-webkit-transition: all .80s ease-in-out 0s !important;-moz-transition: all .80s ease-in-out 0s !important;-o-transition: all .80s ease-in-out 0s !important;transition: all .80s ease-in-out 0s !important;}
/*.chat-header span{display:inline-block;color:#ffffff;text-decoration:none;font-family: "SkyTextMedium";font-size:15px;line-height:40px;padding-left:45px;background:url(/etc/designs/skyit/chat/img/chatengage_chat-icon.png) no-repeat left center;background-size:30px auto}*/
.chat-header span a{color:#ffffff;}
.close-chat-header{float:right;width:15px;height:15px;background:url(/etc/designs/skyit/chat/img/chatengage_close.png) no-repeat center center;background-size: 15px 15px;display:block;margin:12px 30px 12px 0;}
.chat-header.open ~ section#header{top:40px !important;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform:translateY(0);-webkit-transition: all .80s ease-in-out 0s !important;-moz-transition: all .80s ease-in-out 0s !important;-o-transition: all .80s ease-in-out 0s !important;transition: all .80s ease-in-out 0s !important;}
/*.chat-header.open ~ .moveContainer{padding-top:217px;}*/
.chat-header.open ~ .login_container{-webkit-transform:translateY(-40px)!important;transform:translateY(-40px)!important;}
@media only screen and (max-width:1024px),only screen and (max-device-width:1024px){
	.chat-header.open ~ .moveContainer{padding-top:124px!important}
}
/*@media only screen and (max-width:768px),only screen and (max-device-width:768px){*/
@media only screen and (max-width:667px),only screen and (max-device-width:667px){
	.chat-header{bottom:0;-webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform:translateY(100%);}
	.chat-header span{font-size:12px;}
	.close-chat-header{margin-right:15px;}
	.chat-header.open ~ section#header{top:0px !important;/*top:36px;*/-webkit-transform: translateY(0);-ms-transform: translateY(0);transform:translateY(0);-webkit-transition: all .80s ease-in-out 0s !important;-moz-transition: all .80s ease-in-out 0s !important;-o-transition: all .80s ease-in-out 0s !important;transition: all .80s ease-in-out 0s !important;}
	.chat-header.open ~ .moveContainer{padding-top:100px!important;}
}
@media only screen and (max-width:375px),only screen and (max-device-width:375px){
	/*.chat-header span{padding:6px 0px 6px 40px;max-width:75%;line-height:normal;}*/
    .chat-header span{padding:6px 0px 6px 0px;max-width:75%;line-height:normal;}
}
/* custom */
/*.chat-header.open ~ div header{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform:translateY(0);-webkit-transition: all .80s ease-in-out 0s !important;-moz-transition: all .80s ease-in-out 0s !important;-o-transition: all .80s ease-in-out 0s !important;transition: all .80s ease-in-out 0s !important;}*/

@media only screen and (min-width:668px),only screen and (min-width:668px){
    .chat-header.open ~ div header{-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform:translateY(40px);-webkit-transition: all .80s ease-in-out 0s !important;-moz-transition: all .80s ease-in-out 0s !important;-o-transition: all .80s ease-in-out 0s !important;transition: all .80s ease-in-out 0s !important;}
    .chat-header ~ div header{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform:translateY(0);-webkit-transition: all .50s ease-in-out 0s !important;-moz-transition: all .50s ease-in-out 0s !important;-o-transition: all .50s ease-in-out 0s !important;transition: all .50s ease-in-out 0s !important;}
}

.chat-header.open ~ .moveContainer{padding-top:177px;}
/*
.chat-header.open ~ div header{-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform:translateY(40px);-webkit-transition: all .80s ease-in-out 0s !important;-moz-transition: all .80s ease-in-out 0s !important;-o-transition: all .80s ease-in-out 0s !important;transition: all .80s ease-in-out 0s !important;}
.chat-header ~ div header{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform:translateY(0);-webkit-transition: all .50s ease-in-out 0s !important;-moz-transition: all .50s ease-in-out 0s !important;-o-transition: all .50s ease-in-out 0s !important;transition: all .50s ease-in-out 0s !important;}
*/
.chat-header.open ~ .moveContainer{padding-top:177px;}
.chat-header span.wrapper{display:inline-block;color:#ffffff;text-decoration:none;font-family: "SkyTextMedium";font-size:15px;line-height:40px;padding-left:45px;background:url(/etc/designs/skyit/chat/img/chatengage_chat-icon.png) no-repeat left center;background-size:30px auto}
.chat-header span.textMessageChat{padding-right: 5px;}

/* gestione secondo fascione in scroll */
.chat-header.open ~ div > .internalNavMenu{top:190px;}
.chat-header.open ~ div > .internalNavMenu.internalNavMenuFixed{top:40px;}
.chat-header.open ~ div > .internalNavMenu.openingChat {-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform:translateY(0px);-webkit-transition: all .80s ease-in-out 0s !important;-moz-transition: all .80s ease-in-out 0s !important;-o-transition: all .80s ease-in-out 0s !important;transition: all .80s ease-in-out 0s !important;}
.chat-header.open ~ div > .internalNavMenu.internalNavMenuFixed.openingChat {top: 0px;-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform:translateY(40px);-webkit-transition: all .80s ease-in-out 0s !important;-moz-transition: all .80s ease-in-out 0s !important;-o-transition: all .80s ease-in-out 0s !important;transition: all .80s ease-in-out 0s !important;}
/* chat header - slide 4 - end */

/* riaggiunta background bianco per chat banner scroll down */
header.header-chat-banner{background-color: white;}

/* slide 3 - chat-wrapper - start */
.chat-wrapper{position:fixed;right:0;bottom:250px;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform:translateX(100%);-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.chat-wrapper.open{-webkit-transform: translateX(0);-ms-transform: translateX(0);transform:translateX(0);-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.chat-wrapper a{display:block;background:#39539e url(/etc/designs/skyit/chat/img/chatengage_chat-icon.png) no-repeat 20px center;color:#ffffff;text-decoration:none;font-family: "SkyTextMedium";font-size:14px;line-height:17px;padding:12px 35px 14px 70px;border-top-left-radius:30px;border-bottom-left-radius:30px;box-shadow:6px 8px 10px rgba(0,0,0,0.2)}

/* custom */
.chat-wrapper.open{z-index: 42;}
.chat-wrapper{max-width: 250px;}

@media only screen and (max-width:1024px),only screen and (max-device-width:1024px){
    .chat-wrapper.open{z-index: 142;}
    .chat-wrapper{bottom:50px;}
}

/* slide 3 - chat-wrapper - end */


/* custom modal allinemanto area pubblica pvt - start */
.modal-header .textTitleChat, .modal-content .textMessageChat {font-size: 16px; font-family: "SkyTextMedium";}
/* custom modal allinemanto area pubblica pvt - end */