.FAQPageP{
display: grid;
grid-template-columns: 2fr 1.2fr;
grid-gap: 15px 15px;
}

.FAQPageP .FAQForms form.nForms.xhr{
border: 1px solid #D7E2EE;
box-sizing: border-box;
padding: 20px 20px 0px 20px;
}

.FAQForms form.nForms div.item.submit{
margin-top: 0px;
}
.FAQForms form.nForms div.item.submit button{
width: 100%;
padding: 20px 20px;
font-size: 16px;
}
.FAQForms form.nForms div.tltForm{
font-weight: 900;
font-size: 24px;
color: #4E4E4E;
text-align: center;
}
.FAQPageP .FAQForms{
margin-top: 65px;
background: url('../images/strintrtw.jpg') 50% 70% no-repeat;
}





.FAQPageDiv:before{content: "";display: block;clear: both;width: 100%;}
.FAQPageDiv{padding: 0px 0px 50px 0px;}
.FAQPageDiv .title{
font-weight: 900;
font-size: 24px;
position: relative;
box-sizing: border-box;
padding-bottom: 20px;
margin-bottom: 15px;
}
.FAQPageDiv .title::after {
content: "";
width: 28px;
height: 6px;
position: absolute;
bottom: 0px;
left: 0px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAICAYAAACRbl3VAAAABHNCSVQICAgIfAhkiAAAAQVJREFUOE/NlDFSAkEQRd+XMgYP4AHEhBvo3oBDuKbsBuYQSrLELnfwCrOXIFZPADEW3xqwTJzZIqTTrlf9arr/COB57alhBkwEI0OwWaxLhdjPVbNppkIzzAQxInLyor6re7nvr9epDzrOO3ImMNDi+vYlKMoA76mhB1PkpH5lkpzlIid1lLGSHFcqVLYOEg8pIZuuLfWY6jWbJgilOdzV4zrJ7T+Wgcw8TBdfyLmVGLbtk25S/dVmleUw2+q+SnL7z2Uv1yuE2b2Virfxr/qEjHf1uE5y/ULeXeTKLuuo/2JvKp1iOIzHbJifE3ugOn0XGhp3iPmZsa/AE6RhPGYGmsfY/wAtQqtNatn9uAAAAABJRU5ErkJggg==') 50% 50% no-repeat;
background-size: auto;
background-size: 100% auto;
}
.FAQPageDiv .FAQPage{
border: 1px solid #D7E2EE;
box-sizing: border-box;
margin-bottom: 8px;
}

.FAQPageDiv .FAQPage .question{
font-size: 16px;
font-weight: 400;
color: #006AB3;
border-left: 2px solid #669CFF;
padding: 18px 24px;
display: flex;
justify-content: space-between;
cursor: pointer;
}
.FAQPageDiv .FAQPage .question:after{
content: "\e259";
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
color: #D7E2EE;
transition: 0.5s ease-out 0s;
}

.FAQPageDiv .FAQPage.show .question:after{
transform: rotate(180deg);
}

.FAQPageDiv .FAQPage .answerParent{
max-height: 0px;
overflow: hidden;
transition: 0.5s ease-out 0s;
}

.FAQPageDiv .FAQPage .answer{
padding: 20px 40px;
box-sizing: border-box;
font-size: 16px;
font-weight: 400;
color: #4E4E4E;
line-height: 1.7em;
transition: 0.5s ease-out 0s;
}

.FAQPageDiv .FAQPage.show .answerParent{

}

.HowToDiv:before{content: "";display: block;clear: both;width: 100%;}
.HowToDiv{padding: 30px 0px 0px 0px;}
.HowToDiv .title{text-align: center;font-size: 25px;font-weight: 600;margin-bottom: 30px;}
.HowToDiv .steepDiv{margin-top: 20px; counter-reset: my-sec-counter;position: relative}
.HowToDiv .steepDiv .steep{
box-shadow: 0px 0px 20px 0px rgba(25, 48, 82, 0.1);margin: 0px 0px 20px 0px;padding: 30px;box-sizing: border-box;
display: flex;
position: relative;
}

.HowToDiv .steepDiv .steep::before {
counter-increment: my-sec-counter;
content: counter(my-sec-counter);
position: absolute;
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid rgba(102,156,255,0.2);
top:-10px;
right: -10px;
display: flex;
justify-content: center;
align-items: center;
background-color: #FFFFFF;
font-weight: 700;
}


.HowToDiv .steepDiv .steep .imgSteep{
flex: 0 0 30%;
}
.HowToDiv .steepDiv .steep .imgSteep img{
max-width: 100%;
height: auto;
}
.HowToDiv .steepDiv .steep .dsc{
padding: 0px 0px 0px 30px;
}
.HowToDiv .steepDiv .steep .dsc .titleSteep{
font-size: 20px;font-weight: 500;margin-bottom: 20px;
}
.HowToDiv .steepDiv .steep .dsc .opis{
color: #4E4E4E;
font-size: 16px;
line-height: 1.5em;
}

.HowToDiv .media{
padding: 0px 0px 10px 0px;
}
.HowToDiv .media .dscVideo{
padding: 15px 0px 0px 0px;
}
.HowToDiv .divTool{
margin-top: 15px;
}
.HowToDiv .divTool .Supply>span{
font-weight: 600;
display: inline-block;
margin-right: 10px;
}

@media screen and (max-width:1050px){
.linkedNewsBox .linkedNews{grid-template-columns: 1fr 1fr;}
.linkedArtsBox .linkedArts{grid-template-columns: 1fr 1fr;}
}

@media screen and (max-width:1000px) {
.FAQPageP {grid-template-columns: 1fr 1fr;}
}

@media screen and (max-width:940px) {
.FAQPageP {grid-template-columns: 1fr;}
.FAQPageP .FAQForms{background:none;margin-top: 0px}
}

@media screen and (max-width:700px){
.linkedNewsBox .linkedNews{grid-template-columns: 1fr;}
.linkedArtsBox .linkedArts{grid-template-columns: 1fr;}
}

@media screen and (max-width:600px){
.HowToDiv .steepDiv .steep{flex-direction: column;padding: 10px}
.HowToDiv .steepDiv .steep .imgSteep{order: 2;max-width: 50%}
.HowToDiv .steepDiv .steep .dsc{order: 1;padding: 0px 0px 20px 0px}
}

@media screen and (max-width:420px){
.linkedNewsBox .linkedNews .linkNews .divImg {flex: 0 1 30%;}
}

@media screen and (max-width:410px){
.HowToDiv .steepDiv .steep .imgSteep{max-width: 100%}
}