/*Miguel_SUPPORT_GUI_CSS_08032018*/

.FullWindow{
	display: none;
}

.SupportWindow{
    width: 65%;
    max-width: 1000px;
    min-width: 400px;
    padding: 2%;
    height: 60%;
    max-height: 55vh;
    margin: auto;
    color: #949494;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border: solid 2px #d3d3d3;
    border-radius: 20px;
    z-index: 13;
    position: absolute;
    background-color: white;
    left: 50%;
    transform: translate(-50%, 0);
    top: 63px;
}

.ShowTopic{
	display: none;
}

.TopicSupport{
    width: 100%;
    text-align: center;
    margin-bottom: 5%;
}

.SupportTitle{
	display: block;
    width: 100%;
    text-align: center;
    font-size: 1.4em;
    margin-bottom: 5px;
}

.closeButton{
    cursor: pointer;
    position: absolute;
    right: 11px;
    top: 9px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border: solid 0px;
    color: transparent;
    background-color: transparent;
    background-image: url(../Images/close.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.closeButton:hover, .closeButton:focus, .closeButton:active{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
    outline: none;
}

.SupportSubTitle{
    font-size: 1.1em;
}

.GlDiv{
	width: 80%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 5%;
}


.Support1{
	width: 10%;
	display: inline-block;
	margin-left: 10%;
	text-align:center;
	cursor: pointer;
}

.SupportIcon1{
	background-image: url("../Images/faq.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
	width: 100%;
	height: 5vw;
	margin-bottom: 5px;
}

.SupportText1{
    cursor: pointer;
    font-size: 1.1em;
    font-weight: bold;
} 

div.Support1:hover .SupportIcon1{
	background-image: url("../Images/faq_hov.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
	cursor: pointer;
}

div.Support1:hover .SupportText1{
	color: #2e88a0;
	cursor: pointer;
}

.Support2{
    width: 15%;
    display: inline-block;
    margin-left: 23%;
    text-align: center;
    cursor: pointer;
}

.SupportIcon2{
	background-image: url("../Images/contacts.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
	width: 100%;
	height: 5vw;
	margin-bottom: 5px;
}

.SupportText2{
    cursor: pointer;
    font-size: 1.1em;
    font-weight: bold;
}

div.Support2:hover .SupportIcon2{
	background-image: url("../Images/contacts_hov.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
	cursor: pointer;
}

div.Support2:hover .SupportText2{
	color: #fe7e2b;
	cursor: pointer;
}

.Legal{

}

.Support3{
	width: 10%;
	display: inline-block;
	margin-left: 23%;
	text-align:center;
	cursor: pointer;
}

.SupportIcon3{
	background-image: url("../Images/legal.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 100%;
	height: 5vw;
	margin-bottom: 5px;
}

.SupportText3{
    cursor: pointer;
    font-size: 1.1em;
    font-weight: bold;
}

div.Support3:hover .SupportIcon3{
	background-image: url("../Images/legal_hov.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
	cursor: pointer;
}

div.Support3:hover .SupportText3{
	color: #fe8080;
	cursor: pointer;
}

.Areas{
    height: 45%;
	width: 100%;
	text-align: center;
	overflow-y: scroll;
}

.FirstWindow{
	display: none;
}

.Question1{
    width: 80%;
    color: #2e88a0;
    margin: auto;
    margin-bottom: 3px;
}

.HoverQuestion1{
    font-size: 1em;
    opacity: 0.7;
    -webkit-transition: font-size 0.5s;
    transition: font-size 0.5s;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition: font-size 0.5s;
    -moz-transition-timing-function: ease;
    -o-transition: font-size 0.5s;
    -o-transition-timing-function: ease;
}

.HoverQuestion1:hover{
	font-size: 1.2em;
	opacity: 1;
}

.Answer1 {
	width: 80%;
    margin: auto;
    margin-bottom: 15px;
}

.Answer1_invisible{
    display:none;
}

.ShowAnswer1{

}

.Question2{
    width: 80%;
    color: #2e88a0;
    margin: auto;
    margin-bottom: 3px;
}

.HoverQuestion2{
    font-size: 1em;
    opacity: 0.7;
    -webkit-transition: font-size 0.5s;
    transition: font-size 0.5s;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition: font-size 0.5s;
    -moz-transition-timing-function: ease;
    -o-transition: font-size 0.5s;
    -o-transition-timing-function: ease;
    margin-bottom: 15px;
}

.HoverQuestion2:hover{
	font-size: 1.2em;
	opacity: 1;
}

.Answer2 {
	width: 80%;
    margin: auto;
    margin-bottom: 15px;
}

.Answer2_invisible {
    display:none;
}

.ShowAnswer2{
	
}

.Question3{
    width: 80%;
    color: #2e88a0;
    margin: auto;
    margin-bottom: 3px;
}

.HoverQuestion3{
    font-size: 1em;
    opacity: 0.7;
    -webkit-transition: font-size 0.5s;
    transition: font-size 0.5s;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition: font-size 0.5s;
    -moz-transition-timing-function: ease;
    -o-transition: font-size 0.5s;
    -o-transition-timing-function: ease;
    margin-bottom: 15px;
}

.HoverQuestion3:hover{
	font-size: 1.2em;
	opacity: 1;
}

.Answer3{
	width: 80%;
    margin: auto;
    margin-bottom: 15px;
}

.Answer3_invisible{
    display:none;
}

.ShowAnswer3{
	
}

.Question4{
    width: 80%;
    color: #2e88a0;
    margin: auto;
    margin-bottom: 3px;
}

.HoverQuestion4{
    font-size: 1em;
    opacity: 0.7;
    -webkit-transition: font-size 0.5s;
    transition: font-size 0.5s;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition: font-size 0.5s;
    -moz-transition-timing-function: ease;
    -o-transition: font-size 0.5s;
    -o-transition-timing-function: ease;
    margin-bottom: 15px;
}

.HoverQuestion4:hover{
	font-size: 1.2em;
	opacity: 1;
}

.Answer4{
	width: 80%;
    margin: auto;
    margin-bottom: 15px;
}

.Answer4_invisible{
    display:none;
}

.ShowAnswer4{
	
}

.Question5{
    width: 80%;
    color: #2e88a0;
    margin: auto;
    margin-bottom: 3px;
}

.HoverQuestion5{
    font-size: 1em;
    opacity: 0.7;
    -webkit-transition: font-size 0.5s;
    transition: font-size 0.5s;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition: font-size 0.5s;
    -moz-transition-timing-function: ease;
    -o-transition: font-size 0.5s;
    -o-transition-timing-function: ease;
    margin-bottom: 15px;
}

.HoverQuestion5:hover{
	font-size: 1.2em;
	opacity: 1;
}

.Answer5{
	width: 80%;
    margin: auto;
    margin-bottom: 15px;
}

.Answer5_invisible{
    display:none;
}

.ShowAnswer5{
	
}

.Question6{
    width: 80%;
    color: #2e88a0;
    margin: auto;
    margin-bottom: 3px;
}

.HoverQuestion6{
    font-size: 1em;
    opacity: 0.7;
    -webkit-transition: font-size 0.5s;
    transition: font-size 0.5s;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition: font-size 0.5s;
    -moz-transition-timing-function: ease;
    -o-transition: font-size 0.5s;
    -o-transition-timing-function: ease;
    margin-bottom: 15px;
}

.HoverQuestion6:hover{
    font-size: 1.2em;
    opacity: 1;
}

.Answer6 {
    width: 80%;
    margin: auto;
    margin-bottom: 15px;
}

.Answer6_invisible{
    display:none;
}

.Question7{
    width: 80%;
    color: #2e88a0;
    margin: auto;
    margin-bottom: 3px;
}

.HoverQuestion7{
    font-size: 1em;
    opacity: 0.7;
    -webkit-transition: font-size 0.5s;
    transition: font-size 0.5s;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition: font-size 0.5s;
    -moz-transition-timing-function: ease;
    -o-transition: font-size 0.5s;
    -o-transition-timing-function: ease;
    margin-bottom: 15px;
}

.HoverQuestion7:hover{
    font-size: 1.2em;
    opacity: 1;
}

.Answer7 {
    width: 80%;
    margin: auto;
    margin-bottom: 15px;
}

.Answer7_invisible{
    display:none;
}

.Question8{
    width: 80%;
    color: #2e88a0;
    margin: auto;
    margin-bottom: 3px;
}

.HoverQuestion8{
    font-size: 1em;
    opacity: 0.7;
    -webkit-transition: font-size 0.5s;
    transition: font-size 0.5s;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition: font-size 0.5s;
    -moz-transition-timing-function: ease;
    -o-transition: font-size 0.5s;
    -o-transition-timing-function: ease;
    margin-bottom: 15px;
}

.HoverQuestion8:hover{
    font-size: 1.2em;
    opacity: 1;
}

.Answer8 {
    width: 80%;
    margin: auto;
    margin-bottom: 15px;
}

.Answer8_invisible{
    display:none;
}

.SecondWindow{
	display: none;
    width: 80%;
    margin: auto;
}

.PhoneContent{
    width: 45%;
    display: inline-block;
}

.PhoneImage{
    background-image: url(../Images/contacts01.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 5vw;
    display: inline-block;
}

.PhoneNumber{
    font-size: 1.1em;
}

.EmailContent{
    width: 37%;
    display: inline-block;
    vertical-align: top;
}

.EmailImage{
	background-image: url(../Images/cont_mail.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 5vw;
    display: inline-block;
}

.Email{
    font-size: 1.1em;
}

.SkypeContent{
    width: 25%;
    display: none;
}

.SkypeImage{
    background-image: url(../Images/cont_skype.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 5vw;
    display: inline-block;
}

.Skype{
    font-size: 1.1em;
}

.ThirdWindow{
	display: none;
}

.LegalAreaContent{
    width: 80%;
    margin: auto;
    text-align: left;
}