/*
CTC Separate Stylesheet
Updated: 2022-05-24 14:34:52
*/
/* 2023.04.25, JetTab plugin helytelen mód jelenítette meg a Tab-eket és azoknak a tartalmait így végtelen scroll-t eredményezve */
.jet-tabs {
	flex-direction: column;
}

/* Éghajlat fix */

/* 	#eghajlat-slider div div ul {
		bottom: 0px;
		padding-top: 10px;
		position: relative;
		text-align: center;
	} */

/* Kapcsolat oldal */

#panel-2472-1-0-0 .widget-title {
	padding-bottom: 20px;
}

/* Főoldal kapcsolatba lépés oldal alján */

#fooldal-form {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 40px 10px 40px;
    background-color: #94D163;
    border-radius: 40px;
	letter-spacing: 1px;
}

#fooldal-form:hover{
    background-color: #6e9c49;
}

#fooldal-kapcsolat{
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 40px 10px 40px;
    background-color: #69A1FF;
    border-radius: 40px;
	letter-spacing: 1px;
}

#fooldal-kapcsolat:hover{
    background-color: #1F396D;
}

/* Landing page + kamany fixes and styles */

.jet-tabs__content table tbody tr:nth-child(odd){
	background-color: #F9F9F9;
}

.jet-tabs__content table tbody tr td p {
	margin-bottom: 0;
}

.jet-tabs__content table tbody tr td {
	font-weight: 700;
	border: 0;
}

.jet-tabs__content table tbody tr th {
	font-weight: 400;
	border: 0;
}

/* Discount header row */

#header-discount-container {
	display: flex;
	padding: 15px 0;
	background-color: #1F396D;
	justify-content: flex-start;
}

#header-discount-link {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	color: #fff;
	margin: 0;
	max-width: 1200px;
	margin: 0 auto;
}

#header-discount-pre {
	color: #94D163;
	text-transform: uppercase;
	padding-right: 15px;
	font-weight: 700;
	letter-spacing: 1px;
}

#header-discount-mid {
	padding: 5px 10px;
	background-color: #f35c53;
	margin-left: 15px;
	margin-right: 25px;
	border-radius: 5px;
	font-weight: 700;
}

#header-discount-last {
	color: #ABCAFF;
}

/* Sub-pages sidewidget styles and fixes / NEVER USE FLOAT, deprecated  */

	#secondary .widget ul li:after{
		display:none;
	}
	
	#secondary .widget ul li {
		padding: 2px 0;
		font-size: 110%;
	}
	
	.textwidget > h4 {
		padding-bottom: 2%;
	}
	
	#secondary .widget ul li a {
    	font-size: 90%;
	}
	
	.textwidget > * > a.bttn{
		    margin-top: 5%;
	}

/* Products loop styles and fixes */

	h2.woocommerce-loop-product__title {
		text-align: center;
	}
	a.product_type_simple {
    display: flex!important;
	}
	
	
	li.product:hover {
		box-shadow: 5px 5px 20px #888888;
	}
	
	li.product {
		padding: 2% !important;
	}
	
	div.entry-content {
		text-align: justify;
	}

/* Techology page headers */

	.textwidget > div > h4, h5, h6 {
		font-family: 'Ubuntu';
		padding-bottom: 2%;
		padding-top: 3%;
		padding-right: 5%;
	}
	
	.textwidget > div > h5 {
		padding-bottom: 2%;
	}
	
	.entry-content > h5 {
		padding-bottom: 2%;
		text-align: left;
	}

	.entry-content > * {
		text-align: justify;
		padding-right: 5%;
	}

/* Contacts page */

	#kapcsolatok-contacts {
		padding-top: 5%;
	}

	ul.contacts {
		list-style-type: none;
	}
	
	ul.contacts > li {
		padding-top: 1%;
	}

/* Sub-pages titles styles and fixes */

	h1.trail-title-2 {
		color: #1C376B !important;
		font-weight: bold !important;
		font-size: 24px !important;
		font-family: Inter !important;
		color: #1C376B;
		font-weight: bold;
	}
	
	h1.trail-title {

	}
	
	div.entry-content > p{
		/*font-size: 16px !important;*/
		color: #3C3C40 !important;
	}
	
	div.entry-content > ul > li{
		/*font-size: 16px !important;*/
		color: #3C3C40 !important;
	}

/* Deep cooling animation styles and fixes */

	#standard-cooling-thermometer > div > div > span{
		background: linear-gradient(to right, #f55d42,#d19643,#3edec3) !important;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
	}

	#deep-cooling-thermometer > div > div > span{
		background: linear-gradient(to right, #3edec3,#3ea9de,#2151ff) !important;
	}
	
	#deep-cooling-thermometer > div > div > span{
		margin-left: -3%;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	
	#standard-cooling-thermometer > div > div,
	#deep-cooling-thermometer > div > div {
		background: #ffffff;
	}

/* Deep cooling bg? */

	#eco-bg-advantages {
	  height: 500px;
	}

/* mainFirstRow Főoldal hero */

	.landing-text { 
		padding: 15% 0;
	}
	
/* 	#hp-1 { 
		color: #82B3E7;
		font-size: 24px;
		font-weight: bold;
	}
	
	#teemm { 
		color: #82B3E7;
		font-size: 24px;
	}
	
	#hp-2 { 
		color: #94D163;
		font-size: 42px;
		font-family: 'Ubuntu', monospace;
	}
	
	#hp-3 { 
		color: #82B3E7;
	} */

#main-first-row{
	font-family: 'Poppins', sans-serif!important;
	background-size: 70% auto!important;
    background-repeat: no-repeat;
    background-position: calc(100% - 0%);
}

 	#hp-1 { 
		color: #94D163;
		font-size: 16px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 2px;
	}
	
	#teemm { 
		color: #82B3E7;
		font-size: 24px;
	}
	
	#hp-2 { 
		color: #fff;
		font-size: 42px;
	}
	
	#hp-3 {
		padding-top: 10px;
		color: #fff;
		font-size: 16px;
		margin-bottom: 40px;
	}

#main-page-hero-button{
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 40px 10px 40px;
    background-color: #94D163;
    border-radius: 40px;
	letter-spacing: 1px;
}

#main-page-hero-button:hover{
    background-color: #6e9c49;
}

@media only screen and ( max-width: 780px){
	
	#panel-643-0-1-0 div p:first-child{
		margin: 0;
	}
	
	.landing-text {
		margin: 0 20px;
	}
	
	#main-first-row{
		background-size: 0!important;
	}
	
	#hp-2 { 
		font-size: 26px;
	}
}
	
	.so-widget-sow-slider{
		z-index: 1;
	}

/* Main Page usecases slider styles and fixes */


	.felhasznalas-felsorolas {
		color: #264986;
		font-size: 20px;
		font-weight: bold;
	}
	
	.felhasznalas-felsorolas:hover {
		text-decoration: underline;
		color: #264986;

	}
	
	.felhasznalas-felsorolas {
		padding: 5% 0;		
	}
	
	
	.felhasznalas-container > ul > li {
		line-height: 2;
	}
	
	.felhasznalas-container {
		padding-bottom: 8%;
	}
	
	    
	.felhasznalas-container > ul {
		padding-top: 5%;
	}

/* Footer styles and fixes */

	#top-footer {
    	background-color: #1C376B;
		padding: 0;
	}
	
	#footer-logo {
		display: flex;
		align-items: center;
		
	}


	#footer-logo > div{	
		
		float: right;
    	/*padding-right: 25%;*/
	}
	
	#logo-rotate{
		-webkit-animation-name: rotate;
	  -webkit-animation-duration:30s;
	  -webkit-animation-iteration-count:infinite;
	  -webkit-animation-timing-function:linear;
	  -moz-animation-name: rotate;
	  -moz-animation-duration:30s;
	  -moz-animation-iteration-count:infinite;
	  -moz-animation-timing-function:linear;
	}
	
	@-webkit-keyframes rotate {
	  from {-webkit-transform:rotate(0deg);}
	  to {  -webkit-transform:rotate(360deg);}
	}

	@-moz-keyframes rotate {
	  from {-moz-transform:rotate(0deg);}
	  to {  -moz-transform:rotate(360deg);}
	}
	
	#logo-felirat {
		padding-top: 17%;
	}
	
	#footer-content {
    	flex-basis: 70%;
		padding: 0 5%;
	}

	.fenti-logo {
		display: flex;
		width: 50%;
		align-items: center;
		padding-bottom: 2%;

	}

	.fenti-logo div:nth-child(2) {
		padding-left: 10px;
	}

	.elvalaszto {
		width: 75%;
		border-bottom: 1px solid #7995CD;
	}
	
	.harom-oszlop {
		padding: 3% 0;
		display:flex;
		flex-direction:row;
	}
	
	.harom-oszlop div {
		  flex:2;
	}
	
	.harom-oszlop.reverse {
		flex-direction: row-reverse;
	}

	@media only screen and (max-width: 600px) {
	  .harom-oszlop, .harom-oszlop.reverse {
		flex-direction:column;
	  }
	}
	
	.kattinthato:hover {
		text-decoration: underline;
	}
	
	.tg-column-wrapper > .tg-column-wrapper .tg-column-1 {
		width: 99%;
	}
	
	#top-footer {
    	overflow: hidden;
	}

/* Details buttons styles and fixes */

	.reszletek-button {
		text-align: center;
		border: 2px solid;
		border-color: #D7D7D7;
		border-radius: 25px;
		color: #D7D7D7;
		padding: 3% 10%;
		font-weight: bold;
		line-height: 25px;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	
	
	.reszletek-button:hover {
		border-color: #518DF1;
		background-color: #518DF1;
		color: white;
		cursor: pointer;
	}

/* Benefits styles and fixes */

	.elonyok-container {
		width: 90%;
		padding-bottom: 13%;
	}
	
	.elonyok-icon {
		padding-bottom: 5%;
	}
	
	.elonyok-text {
		font-size: 16px;

	}

/* Section styles? */

	.section-header {
		text-align: center;
		font-size: 85%;
	}
	
	.section-text {
		font-size: 2rem;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: 900;
		margin: 0;
	}

	.section-title:before {
		display: none;
	}
	
	.section-title:after {
		background-color: #0388fc;	
	}

/* Site logo? and partner styles anf fixes */

	figure.logo-image > a > img {
		/*width: 500px;*/
		width: 400px;
	}
	#partners {
		width: 60%;
		margin: auto;
	}

/* Slider and main page stuff? */

	#slider-row{
    	min-height: 600px;
		background-size: cover;

	}
	
	#trademark {
		font-weight: normal;
	}
	
	#fooldal-szoveg{
    	margin: 0;
		  position: absolute;
		  top: 50%;
		  -ms-transform: translateY(-50%);
		  transform: translateY(-50%);
	}
	
	#focim{
		color: #1F396D;
		font-size:42px;
		font-weight: bold;
		letter-spacing: 1px;
		margin-bottom: 0;
	}
	
	#alcim{
		color: 65676B;
		padding-bottom: 10%;
		font-size:120%;
	}
	
	#call-to-action-button{
		  background-color: #F9B271;
		  color: white;
		  padding: 1em 2em;
		  text-decoration: none;
		  text-transform: uppercase;
			font-weight: bold;
			letter-spacing: 1px;
			border-radius: 25px;
	}
	
	#call-to-action-button:hover{
		  background-color: #1F396D;
		  color: white;

	}

/* gépTípusContainer??? */

	.meret-jel>span{
		font-size: 500%;
		vertical-align: center;
		padding: 10% 0;
		color: #0388fc;
		font-family: Arial;
	}
	
	.icon-container{
		text-align: center;
		padding: 15% 5%;
		
		border: 2px solid;
		border-color: white;
		border-radius: 15px;
		background-color: white;
	}
	
	table {
		padding: 5% 0;
	}
	
	.table-value {
		float: right;
		border: none;
		font-weight: bold;
	}
	
	.table-param {
		float: left;
		border: none;
	}
	
	
	.icon-container:hover{
		border: 2px solid;
		border-color: #518DF1;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	
	.icon-container:hover > div > a.reszletek-button {
		border-color: #518DF1;
		background-color: #518DF1;
		color: white;
	}
	
	.icon-title{
		font-size: 140%;
		text-transform: uppercase;
		color: #264986;
		padding-bottom: 6%;
	}
	
	.icon-description{
		font-size: 120%;
		padding-bottom: 10%;
	}
	

	.tipus-kep>img{
		max-width: 80%;
	}
	
	
	
	.icon-terulet{
		font-size: 120%;
		width: 100%;
	}
	
	.icon-terulet-elso{
		font-size: 120%;
	}

/* Multiple leveled footer's bottom part styles */

	#top-footer .widget {
		margin-bottom: 0px;
	}
	
	#bottom-footer {
		display: none;
	}

/* Iparág stuff??? */

div.ipari-mobil-parasito-leiras {
		padding: 0 15%;
	}
	
	.fenti-logo {
		padding: 5% 0;
	}
	
	.flex-container{
		display: flex;
		flex-direction: row;
	}
	
	.iparag-container{
		width: 50%;
		background-image: linear-gradient(50deg, #000 60%, rgba(255, 255, 255, 0.9));
		height: 50px;
		overflow: hidden;
		
	}
		
	.iparag-photo{
		opacity: 0.4;
	}
	
	.top-left{
		position: absolute;
		top: 8px;
		left: 16px;
	}
	
	.top-left > a{
		color: white;
	}
	
	.top-left > a:jover{
		text-decoration: underline;
	}
	
	.iparag-megnevezes {
		font-size: 150%;
		/*height: 50px;*/
		
		color: white;
		position: relative;
  		text-align: center;
	}

/* Elementor addon class for paragraphs */
	
	.p-fix div p{
		margin-bottom: 0;
	}

/* Small icons styles and fixes? */

	.kis-ikonok-container{
		text-align: center;
		padding: 15% 5%;
	}
	
	
	.kis-ikonok-zold>span{
		color: #52ce73;
		font-size: 500%;
		
	}
	
	.kis-ikonok-kek>span{
		color: #0388fc;
		font-size: 500%;
	}
	
	
	.kis-ikonok-felirat{
		font-size: 130%;
		padding-top: 10%;
	}
	

/* Gravity Forms styles and fixes */
.gform_heading {
    display: none;
}

.gfield {
	align-items:center;
}

.name_last {
	padding-right: 0!important;
}

.gform_body label {
	font-family: 'Poppins', sans-serif;
}

.gform_body input, textarea {
	border: 1px solid #ccc;
	border-radius: 10px;
}

.gform_footer {
	padding: 20px 0 0 0!important;
    justify-content: center;
}

.gform_footer input{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background: #69A1FF;
	padding: 15px 40px;
	border-radius: 30px;
}

.gform_footer input:hover{
	background: #1F396D;
}

@media only screen and (max-width: 767px){
	.gfield {
		flex-direction: column;
		
	}
	
	.gform_body label, legend {
		width: 100%!important;
		padding-bottom: 10px!important;
	}
	
	.ginput_container {
		width: 100%!important;
	}
	
	.gchoice {
		display: flex;
		align-items: center;
		padding-bottom: 10px;
	}
	
	.gchoice label {
		padding: 0 0 0 10px!important;
	}
}

@media only screen and (max-width: 640px){
	.form-product-quantity {
		margin-left: -5%;
	}
}