* {box-sizing: border-box; margin: 0;}
h1, h2, h3, h4, h5, p, ul, li, div {margin: 0; padding: 0;}
.main h1 {font-family: "GeForce", Arial, Helvetica, sans-serif; font-size: 2.4rem; line-height: 3rem; margin: 0px auto 20px;}
.main h2 {font-family: "GeForce", Arial, Helvetica, sans-serif;}
.main p {font-family: "Rubik", Arial, Helvetica, sans-serif; font-size: 1.18rem; font-weight: 400; line-height: 1.5; margin: 0;}
.main img {display: block; max-width: 100%; margin: auto;}

.loading-page {position: fixed; background: #000000; opacity: 0.8; z-index: 10000; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center;}
.loading-page .Loading_img {width: 250px;	height: 250px; top:-125px; margin-left: 50%; left:-125px; position: absolute; opacity: 0.8;}
.loading-page .counter {position: relative; width: 200px;}

.mcontainer {width: 100%; max-width: 1200px; margin: 0 auto; border: none;}
.row {width: 100%; max-width: 100%; margin: 0; padding: 0; border: none;}
.column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12 {padding-left: 0.2em; padding-right: 0.2em;}
.flex-center {display: flex; justify-content: center; align-items: center; flex-direction: row;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}
.max-width-800 {max-width: 800px;}
hr.title-row {background-image: linear-gradient(to left, transparent 10%, #b3b3b3 50%, transparent 90%); border: 0; height: 2px; margin: 0px;}
.rgb-glow-header {position: absolute; top: -2px; left: 0;}
.hue-animation {animation: color-hue 3s 0.2s linear infinite;}
@keyframes color-hue {
	from {-webkit-filter: hue-rotate(0deg); filter: hue-rotate(0deg);}
	to {-webkit-filter: hue-rotate(359deg); filter: hue-rotate(359deg);}
}

section {width: 100%; max-width: 100%; margin: 0; padding: 0; border: none; box-sizing: border-box;}
section:not(.section-header) {padding: 60px 0;}
.section_fadeIn {background:#000000; background-size: cover; width: 100%; /*min-height: 100vh;*/ position: absolute; z-index: 99;}
.section-header img {width: 100%; height: 100%;}
.section-free {background: url('../../images/cooling/2022/sBG.jpg') center; background-size: cover; overflow: hidden;}
.section-software {background: url('../../images/cooling/2022/tBG.jpg') center; background-size: cover; overflow: hidden;}
.section-gallery, .section-product {background: #fff; color: black;}
.section-gallery h1, .section-product h1 {color: black;}
.section-product .column-4 img {padding: 1rem; transition: .3s;}
.section-product .column-4 img:hover {transform: scale(1.1);}
.section-product .column-4 p {font-size: 1.35em;}

/* section-gallery */
.moredetail {width: 100%; margin: 0 auto;}
.moredetail button {top: 48%;}
.moredetail .slick-track {width: 100%;}
section .slick-arrow {position: absolute; z-index: 3;}
section .slick-next,section .slick-prev {width: 30px; height: 30px; border-radius: 50%; background-color: transparent;}
section .slick-next {right: 5px;}
section .slick-prev {left: 5px;}
section .slick-list {width: 95%; text-align: center; margin-right: auto; margin-left: auto;}
section .slider-detail {width: 100%;}
section .slider-detail img {width: 100%; display: block; transition: .3s;}
section .slider-detail img:hover {transform: scale(1.1);}
section .slider-detail a {display: block; margin: 0px 14px; overflow: hidden;}
.slick-prev:before, .slick-next:before {color: #626262;}

/* section-software */
/* .slider-precision img {padding: 0px 25px; margin-bottom: 30px;}
.slider-precision h3 {font-size: 32px;}
.slider-precision p {font-size: 1.15rem; line-height: 1.5rem; font-weight: 100;}
.slider-precision ul {bottom: 8%;}
.slider-precision ul > li {height: 15px; width: 15px; line-height: 15px; text-align: center; background-color: #666;}
.slider-precision li button {height: 15px; width: 15px; line-height: 15px; text-align: center;}
.slider-precision .slick-dots li button::before {font-size: 45px; height: 15px; width: 15px; line-height: 15px; text-align: center; left: 50%; top: 50%; transform: translate(-50%,-50%); vertical-align: middle;} */

@media (max-width: 900px){
	.slick-dots {display: none !important;}
}
@media (max-width: 768px){
	section:not(.section-header) {padding: 20px 0;}
	.column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12 {padding-left: 0.5em; padding-right: 0.5em; width: 100%;}
	.text-left, .text-right, .text-justify {text-align: center;}
	.flex-center {flex-direction: column;}
	.section-x1 .row div.column-4 {align-items: center; margin-bottom: 20px;}
}
