/*****      GLOBAL STYES        *****/


*{
    padding: 0px;
    margin: 0px;
    font-family: Arial, Verdana, Tahoma;
    font-size:12px;
    letter-spacing: normal;
    font-weight:normal;
    color:#666;
    outline:medium none;
    text-align:left;
    line-height:19px;
    text-decoration:none;
    -webkit-font-smoothing: antialiased;
}

body {background:#371936;}

img {border:0;}

strong {font-weight:bold;}

a:hover, a:focus {text-decoration:none; color:inherit; outline:none;}

ul, ol, p {margin:0;}

h1, h2, h3, h4, h5, h6 {margin:0;}

.nopadding {padding:0;}
.nomargin {margin:0;}


/*      FŐOLDAL + GLOBAL STYLE           */

.wrapper {position:relative; width:100%; height:auto; background:url(/static/images/background.jpg) no-repeat center top scroll;}

.loginheader {display: flex; justify-content: center; width:100%; padding:50px 0; text-align:center;}
.loginheader a {display:inline-block; padding-right:30px; margin-right:30px; border-right:1px solid #E19010;}
.loginheader a img {vertical-align: 0;}
.loginheader .infok {display: inline-block;}
.loginheader span {position:relative; top:0; display:inline-block; margin-bottom:8px; font-size:25px; line-height:27px; color:#E19010; text-transform:uppercase; letter-spacing:3px;}

header p.akcioIdeje {display: block; margin-bottom:3px; font-size: 18px; line-height: 14px; color: #E09010; letter-spacing: 1px;}

.logRegForm {position:relative; width:100%; height:auto; max-width:560px; margin:0 auto; padding:90px 0; background:#fff; border-radius:4px; -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.15); box-shadow: 0 0 2px 1px rgba(0,0,0,0.15); text-align:center;}
.logRegForm br {display:block; width:100%; height:1px; margin:15px 0;}

.formIcon {float:left; width:67px; height:62px; background-image:url(/static/images/formSprite.svg); background-repeat:no-repeat;}
.formIcon.iconCode {background-position:left top;}
.formIcon.iconPassword {background-position:left -62px;}
.formIcon.iconName {background-position:left -124px;}
.formIcon.iconMail {background-position:left -186px;}
.formIcon.iconCompany {background-position:left -248px;}
.formIcon.iconPacket {background-position:left -310px;}
.formIcon.iconPhone {background-position:left -372px;}
.formIcon.iconBill {background-position:left -436px;}

.inputBox {display:inline-block; width:calc(100% - 40px); max-width:365px; height:62px; margin-bottom:10px; background:#E9E9E9; border:2px solid #FFF; -webkit-box-shadow:inset 0 1px 0 0 rgba(0,0,0,0.1); box-shadow:inset 0 1px 0 0 rgba(0,0,0,0.1);}
.inputBox.valid {border:2px solid #A6D878;}
.inputBox.invalid {border:2px solid #FE8597; background:#ECDFDF;}
.inputBox input {float:left; width:calc(100% - 87px); height:29px; margin-top:18px; padding-left:20px; border:0; border-left:2px solid #DFDFDF; background:transparent; font-size:14px; font-family:"bea_reg"; color:#3F3F3F; line-height:16px;}
.inputBox input::-webkit-input-placeholder {color:#3F3F3F;}
.inputBox input:-moz-placeholder {color:#3F3F3F; opacity:1;}
.inputBox input::-moz-placeholder {color:#3F3F3F; opacity:1;}
.inputBox input:-ms-input-placeholder {color:#3F3F3F;}

.acceptBox {display:inline-block; width:calc(100% - 40px); max-width:365px; margin:20px 0;}
.acceptBox label {margin:0 !important; font-size:14px; font-family:"bea_reg"; color:#3F3F3F; line-height:16px;}
.acceptBox label a {font-size:14px; font-family:"bea_reg"; color:#e19010; line-height:16px; text-decoration:underline;}
.acceptBox label a:hover {text-decoration:none;}

.submitBtn {display:inline-block; width:calc(100% - 40px); max-width:365px; height:62px; border:0; border-radius:0; background:#E19010; font-size:17px; font-family:"bea_semibold"; color:#fff; line-height:19px; text-align:center; cursor:pointer; -webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1); box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease-in-out  ;
-moz-transition: all 0.3s ease-in-out  ;
-o-transition: all 0.3s ease-in-out  ;
transition: all 0.3s ease-in-out  ;}
.submitBtn:hover {background: #F09E24; box-shadow: none;}
.logRegForm .submitBtn {margin:20px 0;}
.logRegForm .forgot {display:inline-block; width:calc(100% - 40px); max-width:365px; padding-bottom:25px; margin:10px 0; border-bottom:1px solid #ddd; font-size:14px; color:#999; line-height:16px; font-style:italic; text-align:center;
-webkit-transition: color 0.3s ease-in-out  ;
-moz-transition: color 0.3s ease-in-out  ;
-o-transition: color 0.3s ease-in-out  ;
transition: color 0.3s ease-in-out  ;}
.logRegForm .forgot:hover {color:#333;}

.submitBtn.regLink {background:#333; padding-top:21px;}
.submitBtn.regLink:hover {background:#444444; color:#fff;}

.errorMsg {position:absolute; width:100%; top:40px; text-align:center; font-size:14px; font-family:"bea_reg"; color:#FD798D; line-height:16px;}
.errorMsg.Ok {color:#A6D878;}
.OkMsg {position:absolute; width:100%; top:40px; text-align:center; font-size:14px; font-family:"bea_reg"; color:#A6D878; line-height:16px;}
#registrationForm .errorMsg {position: relative; top:auto; margin-bottom: 80px;}

.copyRight {width:100%; padding:195px 0 40px 0; text-align:center; font-size:10px; color:#fff; line-height:12px; font-style:italic;}

.ures {padding: 0 55px; font-size: 15px; line-height: 17px; color: #3F3F3F;}


.pontAllasFrame {width:100%; padding:30px 50px 20px 50px; background:#fff; border-bottom:1px solid #E5E5E5; border-radius:5px 5px 0 0;}
.pontAllasFrame h3 {float:left; padding:0px 30px 0 0; font-size:13px; font-family:"bea_bold"; color:#3F3F3F; line-height:15px;}
.pontAllasFrame h3 small {font-size:13px; font-family:"bea_reg"; color:#3F3F3F; line-height:15px;}

.pontAllasFrame ul {float:right; margin:5px 50px 0 0; list-style:none;}
.pontAllasFrame ul li {display:block; float:left; margin-right:50px;}
.pontAllasFrame ul li:last-child {margin:0;}
.pontAllasFrame ul li span {position:relative; float:left; display:block; width:25px; font-size:13px; font-family:"bea_reg"; color:#3F3F3F; line-height:15px;}
.pontAllasFrame ul li strong {float:left; display:block; font-size:13px; font-family:"bea_bold"; color:#E09010; line-height:15px; font-weight:normal;}

.pontAllasFrame ul li i {position:relative; top:-8px; float:left; display:inline-block; width:30px; height:30px; background:url(/static/images/kisUser.svg) no-repeat;}


.titleBox {float:left; padding-left:30px; margin-left:50px; background:url(/static/images/bulb.svg) no-repeat left center;}
.titleBox h2 {font-size:13px; font-family:"bea_bold"; color:#3F3F3F; line-height:15px;}
.titleBox h3 {font-size:13px; font-family:"bea_reg"; color:#3F3F3F; line-height:15px;}

.tipp {float:right; max-width:285px;}
.tipp p {font-size:13px; font-family:"bea_reg"; color:#3F3F3F; line-height:15px; text-align:right;}


/*      FŐOLDAL + GLOBAL STYLE VÉGE      */

/* ELFEJETETT JELSZÓ ELEJE */

.forgottenForm p.forgottenText {display:inline-block; width:calc(100% - 40px); max-width: 365px; margin-bottom: 45px; font-size: 14px; line-height: 20px; color:#999999; text-align: center; letter-spacing: 1px;}
.forgottenForm .submitBtn {margin-bottom: 0;}

/* ELFEJETETT JELSZÓ VÉGE */


/*      TERMÉKEK STYLE ELEJE      */

.productsHeader {width: 100%; padding: 50px 16px 50px 28px; }
.productsHeader .headerLeft {float: left;}
.productsHeader .headerLeft .infok {display: inline-block;}
.productsHeader .headerLeft a {display:inline-block; float:left; padding-right:30px; margin-right:30px; border-right:1px solid #E19010;}
.productsHeader .headerLeft span {position:relative; top:0; display:inline-block; margin-bottom:8px; font-size:25px; line-height:27px; color:#E19010; text-transform:uppercase; letter-spacing:3px;}
.productsHeader .headerRight {float: right;}
.productsHeader .headerRight > div {float:right;}
.productsHeader .headerRight .headerMenu {float:left; margin:4px 0 0 30px; padding-left:16px; border-left: 1px solid rgba(225,144,16,0.3); list-style: none;}
.productsHeader .headerRight .headerMenu li {position:relative; display: block; float:left;}
.productsHeader .headerRight .headerMenu li a {display:block; float:left; width:48px; height:60px; background: url("/static/images/menuSprite.svg")no-repeat; cursor: pointer;}
.productsHeader .headerRight .headerMenu li a#profil {background-position: 0 top; }
.productsHeader .headerRight .headerMenu li a#kosar {background-position: 0 -60px; }
.productsHeader .headerRight .headerMenu li a#logout {background-position: 0  -120px; }
.productsHeader .headerRight .headerMenu li:hover a#profil {background-position: 0 -180px; }
.productsHeader .headerRight .headerMenu li:hover a#kosar {background-position: 0 -240px; }
.productsHeader .headerRight .headerMenu li:hover a#logout {background-position: 0 -300px; }
.productsHeader .headerRight .headerMenu li div.menuHover {position: absolute; display: block; top:-40px; right:24px; opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out; }
.productsHeader .headerRight .headerMenu li div.menuHover p {display:block; padding: 10px 15px; background: #333333; font-size: 10px; line-height: 15px; color: #E09010; text-transform: uppercase; letter-spacing: 1px;}
.productsHeader .headerRight .headerMenu li div.menuHover span {float:right; width: 8px; height: 10px; background: url("/static/images/kisharomszog.svg") no-repeat left top transparent;}
.productsHeader .headerRight .headerMenu li:hover div.menuHover {opacity: 1;}
.productsHeader .headerRight .info {float: left;}
.productsHeader .headerRight .info p {display:block; margin:6px 0 3px 0; font-size: 13px; line-height: 17px; color: #3F3F3F; text-align: right;}
.productsHeader .headerRight .info p span {font-size: 13px; line-height: 17px; color: #3F3F3F; text-align: right;}
.productsHeader .headerRight .info a {display:block; margin-top:3px; font-size: 13px; line-height: 17px; color: #E09010; text-align: right;}

.bigFrame { -webkit-box-shadow: 0 10px 30px 1px rgba(0,0,0,0.2);
box-shadow: 0 10px 30px 1px rgba(0,0,0,0.2);}
.productsList {margin-bottom:28px; padding: 28px 14px 58px 14px; background: #FFF; border-radius:0 0 5px 5px; list-style: none;}
{margin-bottom:-30px; padding: 0 14px;}
.productBox {position:relative; padding:14px 20px 20px 20px; background: #FFF; text-align: center;}
.productBox .imgBox { display: inline-block; max-width: 200px; height: 200px; margin-bottom:8px; overflow: hidden;}
.productBox .imgBox a img {width: 100%;}
.productBox a.nagyito {position: absolute; width: 47px; height: 47px; top: 20px; left: 20px; background: url("/static/images/nagyito.svg") no-repeat left top transparent; opacity: 0; cursor: pointer;}
.productBox .textBox {min-height:73px; margin-bottom:26px; text-align: center;}
.productBox .textBox p.productName {display:inline-block; max-width:170px; height:55px; overflow:hidden; margin-bottom:15px; font-size: 15px; line-height: 18px; color: #404040; text-transform: uppercase; text-align: center;}
.productBox .textBox span.productPrice {display: block; width:100%; font-size: 22px; line-height: 22px; color: #3F3F3F; text-transform: uppercase; text-align: center;}
.productBox a.myButton {display: inline-block; width: 100%; padding:23px 0; background:#333333; font-size: 17px; line-height: 17px; color: #FFF; text-align: center; opacity: 0; -webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1); box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1); cursor: pointer;}
.productBox a.myButton:hover {background: #444444;}
.productsList li:hover .productBox {-webkit-box-shadow: 0 10px 30px 1px rgba(0,0,0,0.12);
box-shadow: 0 10px 30px 1px rgba(0,0,0,0.12); z-index: 1000;}
.productsList li:hover a.nagyito {opacity: 0.3; 
-webkit-transition: all 0.3s ease-in-out  ;
-moz-transition: all 0.3s ease-in-out  ;
-o-transition: all 0.3s ease-in-out  ;
transition: all 0.3s ease-in-out  ;}
.productsList li:hover a.nagyito:hover {opacity: 1;}
.productsList li:hover a.myButton {opacity: 1; 
-webkit-transition: all 0.3s ease-in-out  ;
-moz-transition: all 0.3s ease-in-out ;
-o-transition: all 0.3s ease-in-out  ;
transition: all 0.3s ease-in-out  ;}

nav.footerNav {float:left; margin: 0 0 30px 13px;}
nav.footerNav ul {float:left; list-style: none;}
nav.footerNav ul li {display: inline-block;}
nav.footerNav ul li a {padding: 0 15px; font-size: 12px; line-height: 12px; color: #DBAEDA;}
nav.footerNav ul li a:hover {color: #FFF;}
.productsContainer .copyRight {float:right; width:auto; margin:3px 30px 0 0; padding: 0;}

/* BEVÁLTÁS MODAL */ 

#bevaltasModal {}
#bevaltasModal .modal-dialog {width:auto; top:32%; left:50%; margin-left: -280px;}
#bevaltasModal .modal-content {display:inline-block; padding:70px; border-radius: 4px; -webkit-box-shadow: 0 20px 30px 1px rgba(0,0,0,0.3);
box-shadow: 0 20px 30px 1px rgba(0,0,0,0.3);}
#bevaltasModal p {margin-bottom:50px; font-size: 25px; line-height: 25px; color: #E09010; letter-spacing: 2px;}
#bevaltasModal a.modalButton {display:inline-block; width: 194px; padding:22px 0; background: #404040; border:2px solid rgb(64,64,64); font-size: 17px; line-height: 17px; color:#FFF; text-align: center; -webkit-box-shadow: 0 7px 7px 0 rgba(0,0,0,0.1); box-shadow: 0 7px 7px 0 rgba(0,0,0,0.1); cursor: pointer;}
#bevaltasModal a.modalButton:nth-of-type(1) {margin-right: 28px;}
#bevaltasModal a.modalButton:hover {background:#FFF; border:2px solid rgba(64,64,64,0.6); color: #3F3F3F;}
.modal-backdrop {background: black !important; opacity: 0.3 !important;}

/*      TERMÉKEK STYLE VÉGE      */

/*      BEVÁLTÁSAIM STYLE ELEJE      */

.bevaltasaim {float:left; width: 100%; margin-bottom:28px; padding:60px 0; background: #FFF; border-radius: 5px; }
.bevaltasaim > h1 {margin-bottom:30px; padding-left: 55px; font-size:25px; line-height:25px; color: #E09010; letter-spacing: 2px;}
.bevaltasaim .bevaltasaimLista {float: left; width: 100%; list-style: none;}
.bevaltasaim .bevaltasaimLista li {display:block; float:left; width: 100%; padding: 10px 55px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.bevaltasaim .bevaltasaimLista li:last-child {border-bottom: 0;}
.bevaltasaim .bevaltasaimLista li p {display: block; float: left; margin-top:25px; font-size: 15px; line-height: 18px; color: #3F3F3F; text-transform: uppercase; vertical-align: middle;}
.bevaltasaim .bevaltasaimLista li p.productName {width: 400px;}
.bevaltasaim .bevaltasaimLista li span.pont {display:block; float: left; margin:25px 0 0 30px; font-size: 15px; line-height: 18px; color: #3F3F3F;}
.bevaltasaim .bevaltasaimLista li span.datum {float:right; display:block; margin-top:25px; font-size: 15px; line-height: 18px; color: #3F3F3F; vertical-align: middle;}
.bevaltasaim .bevaltasaimLista li .imgBox {display: block; float: left; margin:0 30px 0 60px; width: 68px; height: 68px; overflow: hidden;}
.bevaltasaim .bevaltasaimLista li .imgBox a img {width: 100%;}

/*      BEVÁLTÁSAIM STYLE VÉGE      */

/*      TARTALMI STYLE ELEJE      */

.tartalmi {float: left; width: 100%; margin-bottom:28px; padding:60px 50px; background: #FFF;  border-radius: 5px;}
.tartalmi .cim h1 {margin-bottom:60px; font-family: 'bea_reg'; font-size:25px; line-height: 25px; color: #DF9010; letter-spacing: 2px;}
.tartalmi .cimsor p {margin-bottom:40px; font-family: 'bea_bold'; font-size: 15px; line-height: 20px; color: #3F3F3F; letter-spacing: 1px;}

.tartalmi .mainTextbox {width:100%; height:auto;}
.tartalmi .mainTextbox h1 {margin-bottom:15px; font-family: 'bea_bold'; font-size: 24px; line-height: 26px; color: #3F3F3F; letter-spacing: 1px;}
.tartalmi .mainTextbox h2 {margin-bottom:15px; font-family: 'bea_bold'; font-size: 22px; line-height: 24px; color: #3F3F3F; letter-spacing: 1px;}
.tartalmi .mainTextbox h3 {margin-bottom:15px; font-family: 'bea_bold'; font-size: 20px; line-height: 22px; color: #3F3F3F; letter-spacing: 1px;}
.tartalmi .mainTextbox h4 {margin-bottom:15px; font-family: 'bea_bold'; font-size: 19px; line-height: 21px; color: #3F3F3F; letter-spacing: 1px;}
.tartalmi .mainTextbox h5 {margin-bottom:15px; font-family: 'bea_bold'; font-size: 17px; line-height: 19px; color: #3F3F3F; letter-spacing: 1px;}
.tartalmi .mainTextbox h6 {margin-bottom:15px; font-family: 'bea_bold'; font-size: 15px ; line-height: 17px; color: #3F3F3F; letter-spacing: 1px;}
.tartalmi .mainTextbox p {font-family: 'bea_reg'; font-size: 14px; line-height: 20px; color: #3F3F3F; letter-spacing: 1px;}
.tartalmi .mainTextbox span {font-family: 'bea_bold'; font-size: 15px; line-height: 20px; color: #3F3F3F; letter-spacing: 1px;}
.tartalmi .mainTextbox ul {margin:20px 0 20px 12px; list-style-image:url("/static/images/listaIkon.svg");}
.tartalmi .mainTextbox ul li {margin-bottom:10px; padding-left:3px; font-family: 'bea_reg'; font-size: 14px; line-height: 16px; color:#3F3F3F; letter-spacing: 2px;}
.tartalmi .mainTextbox a {font-family: 'bea_reg'; font-size: 14px; line-height: 20px; color: #DF9010;}
.tartalmi .mainTextbox a:hover {text-decoration: underline;}

/*      TARTALMI STYLE VÉGE      */

/*      KAPCSOLAT STYLE ELEJE       */

.contact {float: left; width: 100%; margin-bottom:28px; padding:60px 55px; background: #FFF;  border-radius: 5px; 
-webkit-box-shadow: 0 10px 30px 1px rgba(0,0,0,0.2); }
.contact > h1 {margin-bottom: 60px; font-size: 25px; line-height: 25px; color: #DF9010; letter-spacing: 2px;}
.contact p.leiras {margin-bottom:15px; font-size:14px; line-height:20px; color: #3F3F3F; letter-spacing: 1px;}
.contact p.leiras span {font-size:14px; line-height:20px; color: #3F3F3F; letter-spacing: 1px;}
#contactForm {position:relative; /*margin-top: 45px;*/}
#contactForm .inputBox {display:block; width: 100%; max-width: 336px; margin:0 auto 10px auto;}
.message {height: 124px; margin-bottom:30px !important; max-width: none !important;}
.message .iconMessage {float:left; width: 67px; height: 29px; margin-top:15px; background: url("/static/images/message.svg") no-repeat left top; border-right:2px solid #DFDFDF;}
.message textarea {width:calc(100% - 67px);height:100%; padding:25px 20px; background: transparent; border:0; box-shadow:0; font-family:'bea_reg'; font-size: 14px; line-height:16px; color: #3F3F3F; resize:none; }
.message textarea::-webkit-textarea-placeholder {color:#3F3F3F;}
.message textarea:-moz-placeholder {color:#3F3F3F; opacity:1;}
.message textarea::-moz-placeholder {color:#3F3F3F; opacity:1;}
.message textarea:-ms-textarea-placeholder {color:#3F3F3F;}
#contactForm .submitBtn {float: right;}
#contactForm .errorMsg {position:relative; top:auto; margin-bottom: 40px; text-align: left;}

/*      KAPCSOLAT STYLE VÉGE       */

/*      PROFIL STYLE ELEJE       */

.profil {float:left; width: 100%; margin-bottom: 28px; padding:60px 0; background: #FFF;}
.profil > h1 {margin-bottom: 10px; padding-left:50px; font-size: 25px; line-height: 25px; color: #DF9010; letter-spacing: 2px;}
.profilForm {padding: 50px 50px 40px 50px; border-bottom:1px solid rgba(0,0,0,0.1);}
.profilForm:last-child {border: 0;}
.profilForm > h3 {margin-bottom:30px; font-size: 16px; line-height: 22px; color: #3F3F3F; letter-spacing: 1px; }
.profilForm .inputs {position: relative;}
.profilForm .inputsLeft .inputWrap {padding:0 5px 0 0;}
.profilForm .inputsLeft .inputWrap:nth-child(2n+0) {padding: 0 0 0 5px;}
.profilForm .inputsLeft .inputBox {width: 100%;}
.profilForm .inputsRight {position: absolute; right: 0; bottom: 12px;}
.profilForm .inputsRight .submitBtn {float:right; width: 150px;}
#termekajanlatForm .inputsLeft {min-height: 62px;}
#termekajanlatForm .inputsRight {bottom:0;}

.profilForm .errorMsg {position: relative; float:left; top:auto; margin: 10px 0 40px 0; text-align: left;}

/*      PROFIL STYLE VÉGE       */

/*      TERMÉKAJÁNLÓ STYLE ELEJE       */

.termekAjanlo {position: fixed; display:none; width: 266px; bottom:40px; left:40px; z-index: 1000; -webkit-box-shadow: 0 0 30px 1px rgba(0,0,0,0.18); box-shadow: 0 0 30px 1px rgba(0,0,0,0.18);}
.termekAjanlo .termekAjanloFejlec {float:left; width:100%; padding:20px; background: #F3F3F3;}
.termekAjanlo .termekAjanloFejlec h4 {float:left; margin-bottom:15px; font-size:18px; line-height:18px; color: #E19010; letter-spacing: 2px; text-transform: uppercase;}
.termekAjanlo .termekAjanloFejlec p {max-width:213px; font-size: 13px; line-height: 18px; color: #666666;}
.termekAjanlo .termekAjanloFejlec a.close {display:block; float:right; width: 12px; height: 12px; background: url("/static/images/close.svg") no-repeat left top transparent; opacity: 1;}
.termekAjanlo .termekAjanloFejlec a.close:hover {opacity: 0.3;
-webkit-transition: opacity 0.3s ease-in-out  ;
-moz-transition: opacity 0.3s ease-in-out  ;
-o-transition: opacity 0.3s ease-in-out  ;
transition: opacity 0.3s ease-in-out  ; }

.termekAjanlo .termekAjanloFejlec a.infoLink {float:right; display:block; position:relative; top:-1px; margin-right:8px;}
.termekAjanlo .termekAjanloFejlec a.infoLink i {display:inline-block; width:12px; height:15px; background:url(/static/images/info.svg) no-repeat;}

.termekAjanlo .termekAjanloFejlec a.infoLink .menuHover {display:block; position: absolute; display: block; top:-80px; right:8px; opacity:0; filter:alpha(opacity=0);}
.termekAjanlo .termekAjanloFejlec a.infoLink .menuHover p {display:block; padding: 10px 15px; background: #333333; font-size: 10px; line-height: 15px; color: #E09010; text-transform: uppercase; letter-spacing: 1px;}
.termekAjanlo .termekAjanloFejlec a.infoLink .menuHover span {float:right; width: 8px; height: 10px; background: url("/static/images/kisharomszog.svg") no-repeat left top transparent;}
.termekAjanlo .termekAjanloFejlec a.infoLink .menuHover {opacity:0; filter:alpha(opacity=0);
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.termekAjanlo .termekAjanloFejlec a.infoLink:hover .menuHover {opacity:1; filter:alpha(opacity=100);}


.termekAjanlo .ajanlottTermekBox {position:relative; float:left; width: 100%; height: 415px; /*height:auto; padding-bottom:15px;*/ background: #FFF;}
.termekAjanlo .ajanlottTermekBox .lapozo {position: absolute; width: 40px; height: 47px; background: url("/static/images/lapozok.svg") no-repeat transparent; z-index: 1000; cursor: pointer;
-webkit-transition: opacity 0.3s ease-in-out  ;
-moz-transition: opacity 0.3s ease-in-out  ;
-o-transition: opacity 0.3s ease-in-out  ;
transition: opacity 0.3s ease-in-out  ;}
.termekAjanlo .ajanlottTermekBox #prev {top:13px; right:47px; background-position: left top}
.termekAjanlo .ajanlottTermekBox #prev:hover {opacity: 0.3;}
.termekAjanlo .ajanlottTermekBox #next {top:13px; right:7px; background-position: right top;}
.termekAjanlo .ajanlottTermekBox #next:hover {opacity: 0.3;}

.termekAjanlo #ajanlottTermekek {float: left; padding:10px 10px 0 10px; background: #FFF; list-style: none;}
.termekAjanlo #ajanlottTermekek .myButton {opacity: 1;}
.termekAjanlo #ajanlottTermekek .myButton:hover { background:#444444; box-shadow: none;
-webkit-transition: all 0.3s ease-in-out  ;
-moz-transition: all 0.3s ease-in-out ;
-o-transition: all 0.3s ease-in-out  ;
transition: all 0.3s ease-in-out  ;}
.termekAjanlo #ajanlottTermekek .nagyito {top:14px; opacity: 0.3;}
.termekAjanlo #ajanlottTermekek .nagyito:hover {opacity: 1; 
-webkit-transition: opacity 0.3s ease-in-out  ;
-moz-transition: opacity 0.3s ease-in-out  ;
-o-transition: opacity 0.3s ease-in-out  ;
transition: opacity 0.3s ease-in-out  ; }

/*      TERMÉKAJÁNLÓ STYLE VÉGE     */

/*      BEVÁLTÁS STYLE ELEJE      */

.bevaltas {float:left; width: 100%; margin-bottom: 28px; background: #FFF;}
.bevaltas .termekBevaltas {padding: 60px 55px 50px 55px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.bevaltas .termekBevaltas > h1 {margin-bottom:50px; font-size: 25px; line-height: 25px; color: #DF9010;}
.bevaltas .termekBevaltas .bevaltasBal .imgBox {float:left; width: 200px; height: 200px; margin-right:65px; overflow: hidden;}
.bevaltas .termekBevaltas .bevaltasBal .imgBox img {width: 100%; height: auto;}
.bevaltas .termekBevaltas .bevaltasBal p {margin:67px 0 15px 0; font-size: 15px; line-height: 18px; color: #404040; text-transform: uppercase;}
.bevaltas .termekBevaltas .bevaltasBal span {display:block; font-size: 22px; line-height: 22px; color:#3F3F3F; text-transform: uppercase;}
.bevaltas .termekBevaltas .bevaltasJobb {padding: 67px 0 0 30px;}
.bevaltas .termekBevaltas .meretInput {padding-top: 32px;}
.bevaltas .termekBevaltas .meretInput .inputBox {width: 100%; max-width: none;}
.bevaltas .termekBevaltas .meretInput .inputBox input {width: 100%;padding: 0 20px;}
.bevaltas .termekBevaltas .bevaltasJobb .submitBtn {float:right; width: calc(50% - 5px);}
.bevaltas .termekBevaltas .bevaltasJobb a.submitBtn {margin-right:10px; padding:21px 0; background: #333333;}
.bevaltas .termekBevaltas .bevaltasJobb a.submitBtn:hover {background: #444444; color: #FFF;}
.bevaltas .termekAjanlatok {position:relative; float:left; width: 100%; padding: 60px 55px 50px 55px;}
.bevaltas .termekAjanlatok > h1 {margin-bottom:50px; font-size: 25px; line-height: 25px; color: #3F3F3F;}
.bevaltas .termekAjanlatok #termekAjanlatokLista {float:left; width:100%; list-style: none;}
.bevaltas .termekAjanlatok #termekAjanlatokLista .productBox:hover .myButton {opacity: 1;
-webkit-transition: all 0.3s ease-in-out  ;
-moz-transition: all 0.3s ease-in-out  ;
-o-transition: all 0.3s ease-in-out  ;
transition: all 0.3s ease-in-out  ;}
.bevaltas .termekAjanlatok #termekAjanlatokLista .myButton:hover { background:#444444; box-shadow: none;
-webkit-transition: all 0.3s ease-in-out  ;
-moz-transition: all 0.3s ease-in-out ;
-o-transition: all 0.3s ease-in-out  ;
transition: all 0.3s ease-in-out  ;}
.bevaltas .termekAjanlatok #termekAjanlatokLista .productBox:hover .nagyito {opacity: 0.3;
-webkit-transition: all 0.3s ease-in-out  ;
-moz-transition: all 0.3s ease-in-out  ;
-o-transition: all 0.3s ease-in-out  ;
transition: all 0.3s ease-in-out  ;}
.bevaltas .termekAjanlatok #termekAjanlatokLista .productBox:hover .nagyito:hover {opacity: 1; 
-webkit-transition: opacity 0.3s ease-in-out  ;
-moz-transition: opacity 0.3s ease-in-out  ;
-o-transition: opacity 0.3s ease-in-out  ;
transition: opacity 0.3s ease-in-out  ; }
.bevaltas .termekAjanlatok .lapozo {position: absolute; width: 40px; height: 47px; background: url("/static/images/lapozok.svg") no-repeat transparent; z-index: 1000; cursor: pointer;
-webkit-transition: opacity 0.3s ease-in-out  ;
-moz-transition: opacity 0.3s ease-in-out  ;
-o-transition: opacity 0.3s ease-in-out  ;
transition: opacity 0.3s ease-in-out  ;}
.bevaltas .termekAjanlatok #bevaltasPrev {top: 47px; right: 80px; background-position: left top;}
.bevaltas .termekAjanlatok #bevaltasPrev:hover {opacity: 0.3;}
.bevaltas .termekAjanlatok #bevaltasNext {top: 47px; right: 40px; background-position: right top;}
.bevaltas .termekAjanlatok #bevaltasNext:hover {opacity: 0.3;}

.bevaltas p.errorMsg {position: relative; top: auto; margin-bottom:50px; text-align: left;}

/*      BEVÁLTÁS STYLE VÉGE      */

/*      PONTOK ELEJE       */

.pontok {float:left; width: 100%; margin-bottom: 28px; padding:60px 0; background: #FFF;}
.pontok > h1 {margin-bottom:60px; padding-left:55px; font-size: 25px; line-height: 25px; color: #DF9010; letter-spacing: 2px;}
.pontok .fejlec {float:left; width: 100%; padding-bottom: 25px;}
.pontok .fejlec div {float:left; font-size: 13px; line-height: 18px; color: #3F3F3F;}
.pontok .megrendelesSzam {width: 25%; min-width: 100px; padding-left: 55px;}
.pontok .pont {width: 15%; min-width: 100px;}
.pontok .vegOsszeg {width: 15%; min-width: 100px;}
.pontok .datum {width: 20%; min-width: 100px;}
.pontok .joka {width: 25%; min-width: 100px;}
.pontok .pontokLista {float: left; width: 100%;}
.pontok .pontokLista li {float:left; width:100%; padding: 40px 0; border-top: 1px solid rgba(0,0,0,0.1);}
.pontok .pontokLista li div {float:left;}
.pontok .pontokLista li div h5 {display: none; float:left; width: 200px; font-size: 15px; line-height: 18px; color: #3F3F3F;}
.pontok .pontokLista li div p {font-size: 15px; line-height: 18px; color: #3F3F3F;}


/*      PONTOK VÉGE       */

/*     MODALOK STYLE ELEJE    */

.modal.fade {
  top: 0;
  -webkit-transition: opacity 0.3s linear;
     -moz-transition: opacity 0.3s linear;
      -ms-transition: opacity 0.3s linear;
       -o-transition: opacity 0.3s linear;
          transition: opacity 0.3s linear;
}

.modal.fade.in {
  top: 0;
  -webkit-transition: opacity 0.3s linear;
     -moz-transition: opacity 0.3s linear;
      -ms-transition: opacity 0.3s linear;
       -o-transition: opacity 0.3s linear;
          transition: opacity 0.3s linear;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.modal.fade.in .modal-dialog {top:0% !important; margin-top: 200px;}
.modal.fade .modal-dialog {top:0% !important; margin-top: 200px;}

.modal {overflow:hidden;}
.modal-backdrop {background:black; opacity:0.8 !important; filter:alpha(opacity=0.8) !important;}
.modal-dialog {margin:0 auto; top:0; border:0;}
.modal-content {box-shadow:none; -webkit-box-shadow:none; border:0; border-radius:0;}

/* FANCY STYLE */

.fancybox-wrap {width: auto;}
.fancybox-skin {padding:0 !important;}
.fancybox-opened .fancybox-skin {box-shadow: none;}
.fancybox-close {top:20px; right: 20px; width: 40px; height: 40px; }
.fancybox-close:hover {background-position: right top;}

/*     CUSTOM FORM STYLE     */

input[type=checkbox].css-checkbox {display:none;}
input[type=checkbox].css-checkbox + label.checkbox-label {
padding-left:30px; padding-top:0; height:17px; display:inline-block; background-repeat:no-repeat; font-size:14px; font-family:"tti_500"; color:#393939; line-height:15px; vertical-align:middle; cursor:pointer; font-weight:normal;}
.checkbox-label{background:url(/static/images/checkbox1.png) left 1px; }
input[type=checkbox].css-checkbox:checked + label.checkbox-label {background-position: left bottom; }


input[type=radio].css-radio {display:none;}
input[type=radio].css-radio + label.radio-label {
padding-left:40px; height:20px; margin:20px 60px 0 0; display:inline-block; background-repeat:no-repeat; font-size:14px; font-family:"bea_reg"; color:#3F3F3F; line-height:22px; vertical-align:middle; cursor:pointer; font-weight:normal;}
.radio-label {background:url(/static/images/radio.svg) left top; }
input[type=radio].css-radio:checked + label.radio-label {background-position: left bottom; }

.custom_select {width:100%; height:100%; border:0; padding:23px 76px 0 25px; background:url(/static/images/selectBgr.svg) no-repeat right center; font-family: "bea_reg"; font-size:14px; color:#3F3F3F; line-height:14px; vertical-align:middle; cursor:pointer; font-weight:normal; cursor:pointer;}
.custom_select option {padding:5px 25px;}
.custom_select span.customSelectInner {font-family: bea_reg; font-size: 14px; line-height: 14px; color:#3F3F3F;}

/*     CUSTOM FORM STYLE VÉGE    */


/*     CUSTOM CARO STYLE    */

.carousel-fade .item {
    left: 0 !important;
    -webkit-transition: opacity 0.6s; 
       -moz-transition: opacity 0.6s;
         -o-transition: opacity 0.6s;
            transition: opacity 0.6s;
}
.carousel-fade .next.left, .prev.right {
    opacity: 1;
    z-index: 1;
}
.carousel-fade .active.left, .active.right {
    opacity: 0;
    z-index: 2;
}

/*     CUSTOM CARO STYLE VÉGE    */


/*    GLOBAL MEDIA QUERIES    */
@media (max-width:1199px) {

/* BEVÁLTÁSAIM */

.bevaltasaim .bevaltasaimLista li p.productName {width: 300px;}

/* KAPCSOLAT */

#contactForm .inputBox {max-width: 270px;}

/* BEVÁLTÁS */
.bevaltas .termekBevaltas .bevaltasBal .imgBox {margin-right: 40px;}

/* PONTOK */

.pontok .megrendelesSzam {width: 25%; min-width: 100px; padding-left: 55px;}
.pontok .pont {width: 15%; min-width: 100px;}
.pontok .vegOsszeg {width: 15%; min-width: 100px;}
.pontok .datum {width: 20%; min-width: 100px;}
.pontok .joka {width: 25%; min-width: 100px;}

.headerRight {width:calc(100% - 450px);}

.tipp {max-width:100%; padding:25px 0 0 30px; margin-left:50px;}
.tipp p {text-align:left;}

.pontAllasFrame ul {float:left; margin-top:30px;}


}

@media (max-width:1024px) {

  /* TERMÉKEK */

  .productsList {padding-bottom: 28px;}
  .productsList li {margin-bottom: 28px;}
  .productsList li .productBox {-webkit-box-shadow: 0 10px 30px 1px rgba(0,0,0,0.12);
box-shadow: 0 10px 30px 1px rgba(0,0,0,0.12);}
  .productsList li .productBox a.nagyito {opacity: 1;}
  .productsList li .productBox a.myButton {opacity: 1;}
  .productsList li .productBox a.myButton:hover {background: #333333;}
  .productsList li:hover a.nagyito:hover {opacity: 1;}

  /* BEVÁLTÁS */

  .bevaltas .termekAjanlatok #termekAjanlatokLista .nagyito {opacity: 0.3;}
  .bevaltas .termekAjanlatok #termekAjanlatokLista .nagyito:hover {opacity: 0.3 !important;}
  .bevaltas .termekAjanlatok #termekAjanlatokLista .myButton {opacity: 1;}
  .bevaltas .termekAjanlatok #termekAjanlatokLista .myButton:hover {background: #333333;}
}

@media (max-width: 991px) {

  /* HEADER */
  .productsHeader {padding-bottom: 25px;}
  .productsHeader .headerLeft {width: 100%; text-align: center;}
  .productsHeader .headerLeft a {float:none;}
  .productsHeader .headerLeft a img {vertical-align: 0;}
  .productsHeader .headerRight {width: 100%; margin-top:25px; text-align: center;}
  .productsHeader .headerRight .info {float: none; display: inline-block;}
  .productsHeader .headerRight .headerMenu {float:none; display: inline-block; margin-top:0; margin-left: 20px; padding-left: 0; border: 0; }

  /* BEVÁLTÁSAIM */

  .bevaltasaim .bevaltasaimLista li p {max-width: 120px;}

  /* KAPCSOLAT */

  #contactForm .inputBox {max-width:none;}
  #contactForm > div .inputBox {float:none !important;}
  #contactForm .submitBtn {width:100%;}

  /* PROFIL */

  .profilForm .inputsRight {position: relative; right: auto; bottom: auto; margin-top: 30px;}
  #termekajanlatForm .inputsRight {margin-top: 0;}
  

  /* BEVÁLTÁS */

  .bevaltas .termekBevaltas .bevaltasJobb {padding: 30px 0 0 0;}

  /* PONTOK */

  .pontok .megrendelesSzam {width: 25%; min-width: 100px; padding-left: 55px;}
  .pontok .pont {width: 15%; min-width: 100px;}
  .pontok .vegOsszeg {width: 15%; min-width: 100px;}
  .pontok .datum {width: 20%; min-width: 100px;}
  .pontok .joka {width: 25%; min-width: 100px;}

    .termekAjanlo {display:none !important;}

}

@media (max-width: 767px) {

  /* TERMÉKEK */

  

  .productsList li {display:inline-block; width: 49%;}
  nav.footerNav ul li a {padding:0 5px;}

  /* BEVÁLTÁSAIM */

  .bevaltasaim > h1 {padding:0; text-align: center;}
  .bevaltasaim .bevaltasaimLista li {padding: 10px 25px;}
  .bevaltasaim .bevaltasaimLista li .imgBox {margin: 0 20px;}

 /* PROFIL */

  .profilForm .inputsLeft .inputWrap {padding:0;}
  .profilForm .inputsLeft .inputWrap:nth-child(2n+0) {padding:0;}
  .profilForm .inputsLeft .inputBox {max-width: none;}

 /* PONTOK */

 .pontok .fejlec {display: none;}
 .pontok .pontokLista li div {float:left; width: 100%; margin-bottom:20px; padding-left: 55px;}
 .pontok .pontokLista li div:last-child {margin-bottom: 0;}
 .pontok .pontokLista li div h5 {display: block;}
 .pontok .pontokLista li div p {font-family: 'bea_bold';}



}

@media (max-width: 675px) {

/* KAPCSOLAT */

#contactForm .submitBtn {max-width: none;}

/* PROFIL */

input.css-radio[type="radio"] + label.radio-label {margin-right: 15px;}

}

@media (max-width: 610px) {

  /* TERMÉKEK */

  .productsHeader {padding: 30px 0 25px 0;}
  /*.productsHeader .headerRight {margin-top: 30px;}
  .productsHeader .headerLeft {width: 100%;}
  .productsHeader .headerLeft a {width: 100%; margin:0 0 30px 0; padding:0; border:0; text-align: center;}
  .productsHeader .headerLeft a img {padding-bottom: 30px; border-bottom:1px solid #e19010; }
  .productsHeader .headerLeft span {width:100%; top:0; text-align: center;}*/
  .productsList li {display:block; width: 100%; margin-bottom: 15px;}
  .productsList li:last-child {margin-bottom: 0;}
  nav.footerNav {width: 100%; margin-left:0; text-align: center;}
  nav.footerNav ul {display:inline-block; float:none; }
  .productsContainer .copyRight {float:left; width:100%; margin:0 0 30px 0 !important;}

  #bevaltasModal .modal-dialog {margin-left: -150px;}
  #bevaltasModal .modal-content {padding:30px 20px;}
  #bevaltasModal p {max-width:261px; margin:0 auto 30px auto; text-align: center;}
  #bevaltasModal a.modalButton {display: block; margin: 0 auto;}
  #bevaltasModal a.modalButton:nth-of-type(1) {margin-right: auto; margin-bottom: 20px;}

  /* BEVÁLTÁSAIM */

  .bevaltasaim .bevaltasaimLista li {padding: 30px;}
  .bevaltasaim .bevaltasaimLista li p {float:none; max-width:182px; margin:0 auto; text-align: center;}
  .bevaltasaim .bevaltasaimLista li .imgBox {float:none; margin: 15px auto;}
  .bevaltasaim .bevaltasaimLista li span.pont {float:none; margin:15px 0 0 0; text-align: center;}
  .bevaltasaim .bevaltasaimLista li span.datum {float:none; margin-top: 15px; text-align: center;}


  /* TARTALMI */

  .tartalmi {padding: 30px 25px;}
  .tartalmi .cim h1 {margin-bottom: 30px; font-size: 22px; line-height: 24px;}
  .tartalmi .cimsor p {margin-bottom: 30px; font-size: 13px; line-height: 20px;}
  .tartalmi h1 {font-size: 21px; line-height: 23px;}
  .tartalmi h2 {font-size: 20px; line-height: 22px;}
  .tartalmi h3 {font-size: 19px; line-height: 21px;}
  .tartalmi h4 {font-size: 17px; line-height: 19px;}
  .tartalmi h5 {font-size: 15px; line-height: 17px;}
  .tartalmi h6 {font-size: 13px; line-height: 15px;}
  .tartalmi p {font-size: 11px; line-height: 20px;}
  .tartalmi span {font-size: 13px; line-height: 20px;}
  .tartalmi ul {margin:30px 0 30px 12px; }
  .tartalmi ul li {margin-bottom:11px; padding-left:3px; font-size: 11px; line-height: 16px;}
  .tartalmi a {font-size: 11px; line-height: 20px;}

  /* BEVÁLTÁS */

  .bevaltas .termekBevaltas {padding: 30px 20px;}
  .bevaltas .termekBevaltas > h1 {margin-bottom:30px; text-align: center;}
  .bevaltas .termekBevaltas .bevaltasBal .imgBox {float:none; margin: 0 auto;}
  .bevaltas .termekBevaltas .bevaltasBal p {max-width:200px; margin: 15px auto; text-align: center;}
  .bevaltas .termekBevaltas .bevaltasBal span {margin-bottom: 60px; text-align: center;}
  .bevaltas .termekBevaltas .bevaltasJobb {padding-top: 0px;}
  .bevaltas .termekBevaltas .bevaltasJobb .submitBtn {width:100%; margin:0 0 10px 0; max-width: none;}
  .bevaltas .termekBevaltas .bevaltasJobb a.submitBtn {margin-right: 0;}
  .bevaltas .termekAjanlatok {padding: 30px 20px; }
  .bevaltas .termekAjanlatok #bevaltasPrev {top:19px; right: 35px;}
  .bevaltas .termekAjanlatok #bevaltasNext {top:19px; right: 5px;}
  .bevaltas p.errorMsg {margin-bottom: 50px;}

  .pontAllasFrame ul {margin-bottom:30px;}
  .titleBox {margin-left:0;}
  .tipp {margin-left:0; padding-left:0;}

}

@media (max-width:550px) {    
    
    .pontAllasFrame {padding-left:20px; padding-right:20px;}
    .pontAllasFrame ul {float:left; margin:30px 0; list-style:none;}
    .pontAllasFrame ul li {margin-right:20px;}

}

@media (max-width:500px) {    

    .loginheader {width:100%; padding:30px 0;}

    .logRegForm {padding:50px 0 40px 0;}

    .copyRight {padding:30px 0 30px 0;}

    .errorMsg {top:18px;}
    #registrationForm .errorMsg { top:auto; margin-bottom: 40px;}

    .ures {padding: 0 20px; }

    /* HEADER ALAP */
    .loginheader a {margin-right: 14px; padding-right: 14px;}
    .loginheader a img {width: 90px; height: 39px;}
    .loginheader span {width: auto; margin-bottom: 3px; font-size: 17px; line-height: 17px;}

    /* HEADER BELÉPETT*/

    .productsHeader .headerLeft a {margin-right: 14px; padding-right: 14px;}
    .productsHeader .headerLeft a img {width: 90px; height: 39px;}
    .productsHeader .headerLeft span {width: auto; margin-bottom: 3px; font-size: 17px; line-height: 17px;}
    header p.akcioIdeje {margin-bottom: 0; font-size:12px; line-height:11px; letter-spacing: 0;}
    .productsHeader .headerRight .info p {font-size: 11px; line-height: 14px;}
    .productsHeader .headerRight .info p span {font-size: 11px; line-height: 14px;}
    .productsHeader .headerRight .info a {font-size: 11px; line-height: 14px;}
    .productsHeader .headerRight {margin-top: 20px;}
    .productsHeader .headerRight .headerMenu li a {height: 52px;}

    /* TERMÉKEK */

    .productsList {padding:15px;}
    .productsList li {padding: 0;}
    .productsList li .productBox {padding: 15px;}

    .modal.fade.in .modal-dialog { margin-top: 50px;}
    .modal.fade .modal-dialog { margin-top: 50px;}

   /* nav.footerNav ul li a {padding:0 2px !important;}*/

    /* BEVÁLTÁSAIM */

    .bevaltasaim {padding: 30px 0;}

    /* ELFELEJTETT */

    .forgottenForm p.forgottenText {font-size: 14px;}

    /* KAPCSOLAT */

    .contact {padding:30px 20px;}
    .contact > h1 {margin-bottom: 30px;}
    #contactForm {margin-top: 25px;}
    
    /* PROFIL */

    .profil {padding: 30px 0;}
    .profil > h1 {padding-left:20px;}
    .profilForm {padding: 30px 20px 40px 20px;}
    .profilForm .inputsRight .submitBtn {width: 100%; max-width: none;}

    #termekajanlatForm .inputsLeft {width: 100%;}
    #termekajanlatForm .inputsRight {width:100%; margin-top: 30px;}

    /* PONTOK */

    .pontok {padding: 30px 0;}
    .pontok > h1 {margin-bottom:30px; padding-left: 20px;}
    .pontok .pontokLista li div {padding-left: 20px;}
    .pontok .pontokLista li div h5 {float:none; margin-bottom: 5px;}
    

    /* TERMÉKAJÁNLÓ */

    .termekAjanlo {left: 25px;}
}

/*COOKIE CSS*/
.cc_container{border-radius:0 !important; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5) !important; border:0px solid #ccc !important; padding-bottom:70px !important; padding-top:13px !important;}
.cc_container .cc_message{color:#52453F !important; line-height:20px !important;}
.cc_container a{color:#E89316 !important; line-height:20px !important; display:block !important; margin-top:5px !important; font-family:inherit; font-size:inherit; line-height:inherit;}
.cc_container .cc_btn{background-color:#333333 !important; color:white !important; border-radius:0 !important; -webkit-border-radius:0 !important; bottom:20px !important; font-family:inherit;}
.cc_container .cc_btn:hover{color:#52453F !important; background-color:#E09C4B !important;}
a.cc_logo{display:none !important; visibility:hidden;}

@media screen and (max-width: 500px){
  .cc_container .cc_message{font-size:1em !important;}
  .cc_container .cc_btn{font-size:1em !important;}
}

.terranajaxloader {
  font-size: 10px;
  margin: 5px auto;
  text-indent: -9999em;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.terranajaxloader:before {
  width: 50%;
  height: 50%;
  background: #E19010;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.terranajaxloader:after {
  background: #ffffff;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}