/* CSS Document */

/*html{height:100%;width:100%;margin: 0;font-family: 'Rubik', sans-serif;background-image: url('../media/background.jpg');}*/
html{height:100%;width:100%;margin: 0;font-family: 'Assistant', sans-serif;}
h3 { margin-bottom: 15px;}

.main{width:80%;margin:auto;font-weight:bold;margin-top:20px;padding:0 15px;}
.clear { clear: both; }
.subtitle{font-size:20px;letter-spacing:2px;}
.mainText{ max-width:740px;margin:auto; margin-bottom: 100px;}
.linksIcons{text-align: center;}
.linksIcons span{font-size: 1em;cursor: pointer;}
.linksIcons span i:hover{color: black;}
.linksIcons t{display: inline-block;font-size: 18px;margin-top:15px;line-height:24px;}

a,a:visited { text-decoration: none;}
a.button { display: block;  position: relative; padding: 0 15px;  margin: 10px 0;font-weight: 600;  text-align: center;  line-height: 50px;  color: #FFF;  border-radius: 5px;  transition: all 0.2s ;}
.btnGreen { background: #8cbf44;float: left;}
.btnBlue { background: #2baae2;float: right;}
.btnGreen.btnPush { box-shadow: 0px 5px 0px 0px #335700;}
.btnBlue.btnPush { box-shadow: 0px 5px 0px 0px #004e70;}
.btnPush:hover { margin-top: 15px;  margin-bottom: 5px;}
.btnGreen.btnPush:hover { box-shadow: 0px 0px 0px 0px #335700;}
.btnBlue.btnPush:hover { box-shadow: 0px 0px 0px 0px #004e70;}

.lightGreen{color:#8CBF44;}
.cyan{color:#2BAAE2;}
.purple{color:#2F358B;}
.red{color:#E42528;}
.darkrRed{color:#C0282E;}
.black{color:#000000;}
.orange{color:#F8AF3C;}

#video{width:50%;max-width:500px;height:auto;margin-top:15px;}

.collapse-content { margin: auto; box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75); margin-bottom:100px; line-height: 1.3em;}
.collapse { background: #fff;}
.collapse a { display: block; font-size: 1rem; font-weight: 500; padding: 0.9rem 1.8rem; color: #fff; position: relative;}
.collapse a.generalQA { background: #8CBF44; }
.collapse a.usersQA { background: #2BAAE2; }
.collapse a.techQA { background: #2F358B; }
.collapse a:before { content: ""; border-top: 7px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; top: 25px; left: 30px;}
.inner-content { padding: 15px;}
.content {  max-height: 0em;  transition: 0.5s linear 0s;  overflow: hidden;}
.collapse + .collapse a { border-top: 1px solid rgba(255, 255, 255, 0.7);}
.collapse:target .content { max-height: 100%;}
.collapse:target a:before { transform: rotate(90deg);}

label{display: inline-block;}
input[type="text"], input[type="number"], input[type="tel"], input[type="email"], input[type="date"]
{border: none; border-bottom: 1.5px solid black; padding:10px; direction: ltr;width:calc(100% - 40px);}
input:not([type="submit"]):focus{background: #f2f7ff !important;outline: none !important;}
input[type="submit"]{text-decoration: none;padding:10px; width:100%; font-weight:bold; border-radius: 5px;background: #2F358B;color:white;border:2px solid #2F358B;}
input[type="submit"]:hover{background: white;color:#2F358B;}
.titleWrapper{margin:auto;text-align: center;padding:15px;}
.form{background-color:#fefefe;width:700px;margin: auto;}
.formInner{margin:auto;text-align: right;}
.formGroup{margin-top:15px;}
.checkInfo{font-size:12px;}
.red{color:red;}


@media screen and (max-width : 900px) {
  .main{width:90%;}
  .linksIcons span{font-size: 8vw;}
  .linksIcons t{font-size: 14px;line-height:18px;}
  #video{width:100%;height:auto;margin-top:15px;}
  .formWrapper{width:600px;display: block;}
}

@media (max-width: 768px) {
  .collapse-content { box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75); }
  .form{width:320px;}
}
@media (max-width: 425px) {
  .inner-content h3 {margin-bottom: 0.3rem; }
}