.prodDescImg{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 80px 80px;
}
.prodDescImg.topDescNoImg{
display: block;
}

.imgDivProd{

}

.topDesc{

}

.galHid{
display: none;
}
.imgDivProd .gallProd{
box-sizing: border-box;
position: relative;
}

.imgDivProd .gallProd a{
border: 1px solid #D3E9F2;
border-radius: 15px;
display: inline-block;
overflow: hidden;
position: relative;

}
.imgDivProd .gallProd a img {
opacity: 1;
}

.imgDivProd .gallProd a.loading img.loading {
opacity: 0;
position: absolute;
top: 0;
left: 0;
transition: all 0.5s ease-out 0s;
}
.imgDivProd .gallProd a.loading img.addLoading {
opacity: 1;
}

.imgDivProd .gallProd a.loading img{
opacity: 0.5;
transition: all 0.5s ease-out 0s;
}

.divGalP{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 20px 20px;
}
.divGalP a{
border: 1px solid #D3E9F2;
border-radius: 15px;
display: inline-block;
overflow: hidden;
padding: 15px;
box-sizing: border-box;
}
.divGalP a img{
opacity: 0.6;
transition: all 0.5s ease-out 0s;
}
.divGalP a.sel img{
opacity: 1;
}
.scrollProd{
padding: 20px 0 0 0;
}

.sk-circle{width:80px;height:80px;position: absolute;top:0;left: 0;right: 0;bottom: 0;margin: auto}
.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0;}
.sk-circle .sk-child:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:var(--g4-color);border-radius:100%;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;}
.sk-circle .sk-circle2{transform:rotate(30deg);}
.sk-circle .sk-circle3{transform:rotate(60deg);}
.sk-circle .sk-circle4{transform:rotate(90deg);}
.sk-circle .sk-circle5{transform:rotate(120deg);}
.sk-circle .sk-circle6{transform:rotate(150deg);}
.sk-circle .sk-circle7{transform:rotate(180deg);}
.sk-circle .sk-circle8{transform:rotate(210deg);}
.sk-circle .sk-circle9{transform:rotate(240deg);}
.sk-circle .sk-circle10{transform:rotate(270deg);}
.sk-circle .sk-circle11{transform:rotate(300deg);}
.sk-circle .sk-circle12{transform:rotate(330deg);}
.sk-circle .sk-circle2:before{animation-delay:-1.1s;}
.sk-circle .sk-circle3:before{animation-delay:-1s;}
.sk-circle .sk-circle4:before{animation-delay:-0.9s;}
.sk-circle .sk-circle5:before{animation-delay:-0.8s;}
.sk-circle .sk-circle6:before{animation-delay:-0.7s;}
.sk-circle .sk-circle7:before{animation-delay:-0.6s;}
.sk-circle .sk-circle8:before{animation-delay:-0.5s;}
.sk-circle .sk-circle9:before{animation-delay:-0.4s;}
.sk-circle .sk-circle10:before{animation-delay:-0.3s;}
.sk-circle .sk-circle11:before{animation-delay:-0.2s;}
.sk-circle .sk-circle12:before{animation-delay:-0.1s;}
@-webkit-keyframes sk-circleBounceDelay{0%,80%,100%{transform:scale(0);}
40%{transform:scale(1);}
}
@keyframes sk-circleBounceDelay{0%,80%,100%{transform:scale(0);}
40%{transform:scale(1);}
}

.arrows{
position: absolute;
top: 50%;
width: calc(100% + 75px);
margin-left: -38px;
display: flex;
align-items: center;
justify-content: space-between;
}

.arrows span{
display: block;
width: 75px;
height: 75px;
position: relative;
z-index: 1;
border-radius: 50%;
border: 1px solid #D3E9F2;
background-color: #FFFFFF;
cursor: pointer;
transition: all 0.5s ease-out 0s;
}
.arrows span:before{
content: "";
display: block;
position: absolute;
width: 23px;
height: 23px;
border-style: solid;
border-color: #38AFDD;
border-width: 2px 2px 0 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
transition: all 0.5s ease-out 0s;
}

.arrows span.prev:before{
transform: rotate(-135deg);
left: 11px;
}

.arrows span.next:before{
transform: rotate(45deg);
right: 11px;
}
.arrows span:hover{
background-color: #38AFDD;
}

.arrows span:hover:before{
border-color: #ffffff;
}

.moreDiv{
border-top: 1px solid #D3E9F2;
padding: 25px 0;
}
.moreDiv .documents{

}
.moreDiv .documents a,.divForm .aForm,.viewVideo{
display: block;
margin-bottom: 20px;
color: var(--g4-color);
font-size: 22px;
font-weight: 700;
position: relative;
transition: all 0.5s ease-out 0s;
}
.moreDiv .documents a:before,.moreDiv .documents a:after,
.divForm .aForm:before,.divForm .aForm:after,.viewVideo:after,.viewVideo:before{
content: "";
display: inline-block;
width: 70px;
height: 70px;
vertical-align: middle;
border-radius: 50%;
}
.moreDiv .documents a:before,.divForm .aForm:before,.viewVideo:before{
background-color: #E9F5D5;
margin-right: 24px;
}
.moreDiv .documents a:after{
position: absolute;
left: 0;
top: 0;
background: url('data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfMTY3IiBkYXRhLW5hbWU9Ikdyb3VwIDE2NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjQyIiBoZWlnaHQ9IjQyLjYzNyIgdmlld0JveD0iMCAwIDQyIDQyLjYzNyI+DQogIDxkZWZzPg0KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4NCiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMzM5IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAzMzkiIHdpZHRoPSI0MiIgaGVpZ2h0PSI0Mi42MzciIGZpbGw9IiM5M2NkMzEiLz4NCiAgICA8L2NsaXBQYXRoPg0KICA8L2RlZnM+DQogIDxnIGlkPSJHcm91cF8xNjYiIGRhdGEtbmFtZT0iR3JvdXAgMTY2IiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+DQogICAgPHBhdGggaWQ9IlBhdGhfMjQ4IiBkYXRhLW5hbWU9IlBhdGggMjQ4IiBkPSJNMy4yODMsNDIuNjM3YTMuMDkyLDMuMDkyLDAsMCwxLTIuNy0xLjc2NCw1LjA0Myw1LjA0MywwLDAsMSwuMTc2LTUuMDE0YzIuMDI5LTMuMTI3LDUuOTY5LTUuNzU4LDExLjQwOS03LjYyMWwuMTgxLS4wNjRMMTIuNDM4LDI4QTk5LjIsOTkuMiwwLDAsMCwxNy4yNSwxNi42ODdsLjA3OS0uMjExLS4xMTgtLjJBMjAuNzIyLDIwLjcyMiwwLDAsMSwxNC45LDExLjQ3M0MxMy4xNTMsNS43MzQsMTQuNjIzLDEuMjUsMTcuMDc0LjI0QTIuOTc3LDIuOTc3LDAsMCwxLDE4LjI1NSwwYTMuMiwzLjIsMCwwLDEsMi4xLjgyM0E2LjU4NSw2LjU4NSwwLDAsMSwyMS43LDIuNWMxLjA2MywxLjkzMS41MzQsNi40NTktMS40NywxMi43NDItLjAzNC4xMjItLjA3OC4yNC0uMTEzLjM1OHMtLjA4OC4yNi0uMTIyLjM3N2wtLjA1OS4yMTEuMTIyLjE4Ni4xMjMuMTc2LjEwOC4xNTJhNzQuNDgzLDc0LjQ4MywwLDAsMCw3LjM1MSw4LjdsLjE0Mi4xNTJoMS43NjljLjc3LDAsMS40NywwLDIuMDc4LjA1NCw1LjQ2OS4zMTksOS4wNDcsMS42MzIsMTAuMDcxLDMuNzA1YTMuNDYsMy40NiwwLDAsMS0uMTg2LDMuMiw0LjcxNCw0LjcxNCwwLDAsMS0zLjQ3OSwyLjQ1LDQuODI3LDQuODI3LDAsMCwxLS42LjAzOWMtMS44MzMsMC00LjA0My0xLjAyNC02LjIwOS0yLjg4MmwtLjA4My0uMDY5LS4zMzgtLjMxNGMtLjY3Mi0uNjEzLTIuMDYzLTEuODkyLTMuODMyLTMuNjYxbC0uMTQ3LS4xNTJoLS4yMTZhNDYuMzQxLDQ2LjM0MSwwLDAsMC02LjAzMy42NjIsNDQuMzI3LDQ0LjMyNywwLDAsMC02LjQyLDEuNDdsLS4yLjA1OS0uMDkzLjE4MWMtLjkxNiwxLjgxMy0xLjkwNiwzLjU2OC0yLjk0LDUuMjE1QzcuODcsNDAuMjk0LDUuMzcxLDQyLjYzNywzLjI4Myw0Mi42MzdaTTkuMzQ1LDMxLjg4NWExNS42MjYsMTUuNjI2LDAsMCwwLTYuNjMxLDUuMjY0LDIuNzM0LDIuNzM0LDAsMCwwLS40LDEuMzcyLDIuNDA2LDIuNDA2LDAsMCwwLC4yNDUsMS4wNjhjLjIyMS40OS40OS43MjEuNzU1LjcyMWguMDM5Yy4zMDktLjAzOSwyLjA0OS0uNTIsNS42NjUtNi4yNjMuMzI4LS40OS42MzItLjk4LjkyMS0xLjQ3bC44MDktMS4zNDNaTTMyLjcsMzAuMjcyYy42NzYuNjE4LDMsMi4zNjcsNC43OTMsMi4zNjdoLjI3YTIuMzgyLDIuMzgyLDAsMCwwLDEuNzE1LTEuMzA4LDEuMTI3LDEuMTI3LDAsMCwwLC4xLTEuMDFjLS40NDEtLjk4LTMuMTMyLTIuMTE3LTguMTA2LTIuNDA2SDMwLjEzNGwxLjM4NywxLjNhMTUuMjEyLDE1LjIxMiwwLDAsMCwxLjE4NiwxLjA3OFpNMTguNjIyLDE5LjY0MmMtLjg0MywyLjE4Ni0xLjgxMyw0LjQ2NS0yLjg3Nyw2Ljc2M2wtLjQxMi45Ljk4LS4yMzVjMS40Ny0uMzYzLDIuOTQtLjY1Miw0LjQxMS0uODc3Ljk4LS4xNTcsMi0uMjg5LDMuMDU4LS4zODdsLjk0MS0uMDc4TDI0LjA4MiwyNWMtLjg1My0uOTMxLTEuOTYtMi4xNzYtMy4wNjgtMy41MjRsLTIuMDkzLTIuNjE3Wm0tLjktMTcuMWMtLjk4LjgwOS0yLDMuNzI1LS42MTcsOC4yNTNhMTMuNTgxLDEzLjU4MSwwLDAsMCwuNjQ3LDEuN2wuNTM5LDEuMTQ3LjM1My0xLjIyYy45MTItMy4xOSwxLjgxOC03LjMuOTgtOC43NzMtLjI2NS0uNDktLjgwOS0xLjMxOC0xLjQtMS4zMThoLS40OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiM5M2NkMzEiLz4NCiAgPC9nPg0KPC9zdmc+DQo=') 50% 50% no-repeat;
}
.divForm .aForm:after{
position: absolute;
left: 0;
top: 0;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDQuOTM2IiBoZWlnaHQ9IjMzLjgxMyIgdmlld0JveD0iMCAwIDQ0LjkzNiAzMy44MTMiPg0KICA8ZGVmcz4NCiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+DQogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzM0MSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMzQxIiB3aWR0aD0iNDQuOTM2IiBoZWlnaHQ9IjMzLjgxMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0ibm9uZSIvPg0KICAgIDwvY2xpcFBhdGg+DQogIDwvZGVmcz4NCiAgPGcgaWQ9Ikdyb3VwXzE3MCIgZGF0YS1uYW1lPSJHcm91cCAxNzAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPg0KICAgIDxnIGlkPSJHcm91cF8xNjkiIGRhdGEtbmFtZT0iR3JvdXAgMTY5IiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+DQogICAgICA8cGF0aCBpZD0iUGF0aF8yNTAiIGRhdGEtbmFtZT0iUGF0aCAyNTAiIGQ9Ik00MSwwSDMuOTMyQTMuOTQxLDMuOTQxLDAsMCwwLDAsMy45MzF2MjUuOTVhMy45NDIsMy45NDIsMCwwLDAsMy45MzIsMy45MzJINDFhMy45NCwzLjk0LDAsMCwwLDMuOTMxLTMuOTMyVjMuOTMxQTMuOTM5LDMuOTM5LDAsMCwwLDQxLDBNMjguNCwxNi44M2M0LjMwNi0zLjkxNywxMC41NjctOS42NDIsMTMuNTgyLTEyLjRsLjY0Ny0uNTkxYzAsLjAyOS4wMDUuMDU3LjAwNy4wODZWMjkuODdsLS4wMDUuMDU3Yy0yLjQ5LTIuMzcyLTkuNTM3LTkuMDQ1LTE0LjIzMS0xMy4xbS00Ljc0OCwxLjJhMS42MzUsMS42MzUsMCwwLDEtMi4zMDkuMDU1UzguMzMzLDYuMjMsNC4wNDEsMi4zSDQwLjlDMzYuMTg4LDYuNjA5LDI2Ljk4NiwxNS4wMTksMjMuNjQ5LDE4LjAyOW0tNS4zOS4zNjZjLjU1Ny41LDEuMDYzLjk2NCwxLjQ2NiwxLjMyN2EzLjk0NSwzLjk0NSwwLDAsMCw1LjQ3OS4wMDZsMS40NzQtMS4zMzRjNC40MTUsMy43ODcsMTEuMjEsMTAuMiwxNC4yNjksMTMuMTE0SDMuOTg2QzcuNjQ0LDI4LjAzLDE0LjAyOCwyMi4wMjIsMTguMjU5LDE4LjRtLTEuNzIxLTEuNTYxQzExLjcwOCwyMSw0LjM2NiwyNy45NjgsMi4zMDgsMjkuOTMxTDIuMywyOS44NzhWMy45NGMwLS4wMzEsMC0uMDYzLjAwNy0uMSwyLjY2NywyLjQ0MSw5LjU4Miw4Ljc2NiwxNC4yMjgsMTIuOTg5IiBmaWxsPSIjOTNjZDMxIi8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==') 50% 50% no-repeat;
}

.viewVideo:after{
position: absolute;
left: 0;
top: 0;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi40NjciIGhlaWdodD0iMjUuNjk2IiB2aWV3Qm94PSIwIDAgMjIuNDY3IDI1LjY5NiI+DQogIDxnIGlkPSJwbGF5LWJ1dHRvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuODg5IDApIj4NCiAgICA8cGF0aCBpZD0iUGF0aF8yNTEiIGRhdGEtbmFtZT0iUGF0aCAyNTEiIGQ9Ik0yMi45MzMsMTAuMjYsNS42LjRBMi4zOCwyLjM4LDAsMCwwLDEuODg5LDIuNTU4VjIzLjE1YTIuMjc4LDIuMjc4LDAsMCwwLDIuMiwyLjU0NiwyLjksMi45LDAsMCwwLDEuNTEtLjQ2NEwyMywxNC41NzZhMi41NSwyLjU1LDAsMCwwLDEuMzUxLTIuMTg0QTIuNTQzLDIuNTQzLDAsMCwwLDIyLjkzMywxMC4yNlptLTEuMDk1LDIuNDEzTDQuNDMsMjMuMzI2YTEuMTA4LDEuMTA4LDAsMCwxLS4yNzMuMTI2LDEuMTU4LDEuMTU4LDAsMCwxLS4wMzQtLjNWMi41NTlhMS42NTUsMS42NTUsMCwwLDEsLjAzOC0uMzQ1Ljg3NC44NzQsMCwwLDEsLjMzOC4xMjVMMjEuODI5LDEyLjJjLjIxNC4xMjIuMjc3LjIyOC4zLjIwNUEuNzQ5Ljc0OSwwLDAsMSwyMS44MzgsMTIuNjcyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0iIzkzY2QzMSIvPg0KICA8L2c+DQo8L3N2Zz4NCg==') 50% 50% no-repeat;
}

.moreDiv .documents a:hover,.divForm .aForm:hover,.viewVideo:hover{
color:var(--g1-color)
}

.divForm{

}
.divForm .aForm{

}
.divForm .formProd{
max-height: 0;
overflow: hidden;
transition: all 0.5s ease-out 0s;
}

.divForm .formProd .form{
padding: 20px;
}

.divForm .formProd.show{
max-height: 1500px;
}


@media screen and (max-width:1550px){
.arrows{width: calc(100% + 25px);margin-left: -13px}
.prodDescImg{grid-gap: 30px 30px;}
}
@media screen and (max-width:1060px){
.divGalP{grid-template-columns: 1fr 1fr 1fr}
}
@media screen and (max-width:900px){
.prodDescImg{grid-template-columns: 1fr}
.imgDivProd{order: 2;max-width: 695px;margin: 0 auto}
.topDesc{order: 1}
.divGalP{grid-template-columns: 1fr 1fr 1fr 1fr}
}
@media screen and (max-width:570px){
.divGalP{grid-template-columns: 1fr 1fr 1fr}
.arrows{display: none}
.moreDiv .documents a, .divForm .aForm,.viewVideo{font-size: 17px}
.moreDiv .documents a::after,.divForm .aForm::after,.viewVideo:after {background-size: 40% auto}
.moreDiv .documents a::before, .moreDiv .documents a::after, .divForm .aForm::before, .divForm .aForm::after,.viewVideo:after,.viewVideo:before {width: 50px;height: 50px}
.moreDiv .documents a::before,.divForm .aForm::before,.viewVideo:before{margin-right: 10px}
}
@media screen and (max-width:570px) {
.divGalP {grid-template-columns: 1fr 1fr;grid-gap: 10px 10px}

}
