@charset "utf-8";
/* CSS Document */



html, body{
	margin:0;
	padding:0;
	font-family:"Open Sans",sans-serif;
	font-size:14px;
	line-height:22px;
	font-weight:400;
	color:#1d1d1d;
}

h1{
	margin:0;
	padding:0 0 30px;
	font-size:40px;
	font-weight:400;
	line-height:46px;
}
h2{
	margin:0;
	padding:0 0 20px;
	font-size:32px;
	font-weight:400;
	line-height:38px;
}
h3{
	margin:0;
	padding:0 0 20px;
	font-size:20px;
	line-height:26px;
	font-weight:400;
	text-align:justify;
}
p{
	margin:0;
	padding:0 0 20px;
	font-size:16px;
	line-height:24px;
	font-weight:400;
	text-align:justify;
}
strong{
	font-weight:600;
}
a{
	transition:all 0.3s ease 0s;
	text-decoration:none;
	color:#DD0303;
	font-weight:400;
}
a:hover{
	color:#027CC7;
}
a.blue:hover{
	color:#DD0303;
}

ul{
	margin:0;
	list-style-image:url(../imgs/pipa3.png);
	padding:0 0 0 20px;
}
li{
	margin:0px;
}
ol{}

section{
	width:100%;
	position:relative;
}



/*  HEADER  */

section.head{
	width:100%;
	padding:20px 0;
	height:50px;
	box-shadow:1px 1px 4px rgba(0, 0, 0, 0.4);
	z-index:1;
	background:#C00031;
	border-bottom:2px solid #1d1d1d;
}
.head h1{
	padding:0;
	text-transform:uppercase;
	font-weight:600;
	font-size:40px;
}
.head h3{
	padding:0;
	text-transform:uppercase;
	font-weight:400;
}
.hederinfo h2{
	padding:0;
	text-align:right;
	color:#fff;
}
.hederinfo h3{
	padding:0;
	text-align:right;
}



/*  SLIDER  */

.slider{ width:100%; /*border-bottom:2px solid #1d1d1d;*/}
.sliderbox{
	width:1100px;
	margin:0 auto;
	position:relative;
	z-index:1;
}
.slider-textbg{
	width:60%;
	padding:20px 2%;
	margin:80px auto 0;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);
	
}
.whitebg{
	background:rgba(255, 255, 255, 0.9);
}
.slider-textbg h2{
	font-size:30px;
	line-height:36px;
	font-weight:400;
	color:#1d1d1d;
	padding:0 0 10px;
}
.slider-textbg p{
	padding:0 0 20px;
	font-weight:400;
}

/* jssor slider bullet navigator skin 21 css */
            /*
            .jssorb21 div           (normal)
            .jssorb21 div:hover     (normal mouseover)
            .jssorb21 .av           (active)
            .jssorb21 .av:hover     (active mouseover)
            .jssorb21 .dn           (mousedown)
            */
.jssorb21 {
	position: absolute;
	display:none;
            }
            .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
                position: absolute;
                /* size of bullet elment */
                width: 19px;
                height: 19px;
                text-align: center;
                line-height: 19px;
                color: white;
                font-size: 12px;
                background: url(../img/b21.png) no-repeat;
                overflow: hidden;
                cursor: pointer;
            }
            .jssorb21 div { background-position: -5px -5px; }
            .jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
            .jssorb21 .av { background-position: -65px -5px; }
            .jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }
			

/* jssor slider arrow navigator skin 21 css */
            /*
            .jssora21l                  (normal)
            .jssora21r                  (normal)
            .jssora21l:hover            (normal mouseover)
            .jssora21r:hover            (normal mouseover)
            .jssora21l.jssora21ldn      (mousedown)
            .jssora21r.jssora21rdn      (mousedown)
            */
            .jssora21l, .jssora21r {
                display:none !important;
                position: absolute;
                /* size of arrow element */
                width: 55px;
                height: 55px;
                cursor: pointer;
                background: url(../img/a21.png) center center no-repeat;
                overflow: hidden;
            }
            .jssora21l { background-position: -3px -33px; }
            .jssora21r { background-position: -63px -33px; }
            .jssora21l:hover { background-position: -123px -33px; }
            .jssora21r:hover { background-position: -183px -33px; }
            .jssora21l.jssora21ldn { background-position: -243px -33px; }
            .jssora21r.jssora21rdn { background-position: -303px -33px; }


/*  SWIPE MASTER  */

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}
#console {
  overflow: auto;
}

#mySwipe div b {
  display:block;
  font-weight:bold;
  color:#14ADE5;
  font-size:20px;
  text-align:center;
  margin:10px;
  padding:100px 10px;
  box-shadow: 0 1px #EBEBEB;
  background: #fff;
  border-radius: 3px;
  border: 1px solid;
  border-color: #E5E5E5 #D3D3D3 #B9C1C6;
}
.swipegal{
	width:100%;
}
.swipegal img{
	width:100%;
}
a.prevbutton, a.nextbutton{
	background:rgba(0, 0, 0, 0.05);
	position:absolute;
	top:0; bottom:0;
	margin:auto 0;
	height:20px;
	cursor:pointer;
	color:#FFCC00;
	transition:all 0.3s ease 0s;
}
a.prevbutton{
	border-radius:0 25px 25px 0;
	left:0; 
	padding:10px 10px 10px 5px;
}
a.nextbutton{
	border-radius:25px 0 0 25px;
	right:0;
	padding:10px 5px 10px 10px;
}
a.prevbutton:hover, a.nextbutton:hover{
	background:#1d1d1d;
}

/*  MENU  */

header{
	background:#fff;
	border-bottom:2px solid #027CC7;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);
	height:70px;
	width:100%;
	position:fixed;
	top:0;
	z-index:10;
}
header.smaller{
	position:fixed;
	top:0;
	z-index:10;
}
.headerbox{}
.logo{
	width:8%;
	float:left;
	padding:0;
	position:relative;
	z-index:10;
}
.logo img{
	margin:13px 15px 0 0;
	width:65px;
}
.menu{
	height:70px;
	float:left;
	width:92%;
}
.slicknav_menu{
	display:none !important;
}
.menu ul{
	padding:0;
	list-style:none;
	/*background:url("../imgs/menuseparator.png") no-repeat scroll left center;*/
}
.menu ul li{
	float:left;
	/*background:url("../imgs/menuseparator.png") no-repeat scroll right center;*/
	height:60px;
	text-align:center;
	margin:5px 0;
}
.menu ul li a{
	text-align:center;
	color: #027CC7;
	background:;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.2px;
    margin: 10px 5px 0;
    padding: 8px 25px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
	border:1px solid #fff;
	border-radius:25px;
}
.menu ul li a:hover {
    color: #fff;
	border:1px solid #027CC7;
	background:#027CC7;
}
.menu ul li.active a {
    color: #fff;
	border:1px solid #fff;
}
.menu ul li.active a:hover {
    color: #fff;
	background:#1d1d1d;
}
.menu ul li.logo-link a{
	border:none;
	margin:5px 15px 0;
}
.menu ul li.logo-link a:hover{
	border:none;
}
.menu ul li.menu-tel {
    display: none;
    float: right;
}
.menu ul li.menu-tel a {
    color: #C00031;
    font-size: 15px;
    font-weight: 600;
}
.menu ul li.menu-tel a:hover {
    color: #fff;
}
header.smaller .menu ul li.menu-tel {
    display: inline-block;
}

/*  CONTENT  */

section.content{
	padding:30px 0;
}
section.content1{
	padding:60px 0;
	/*background:#efefef ;*/
	margin:70px 0 0;
}
section.content2{
	padding:30px 0;
	background:#efefef;
}
section.content-red{
	padding:30px 0;
	background:#BF3122;
	color:#fff;
}
section.contact{
	padding:0 0 30px;
}
.whitebox{
	width:100%;
	padding:0;
	background:#fff;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);
}
img.wbimg{
	width:100%;
}
img.contentimg{
	width:100%;
	margin:0 0 20px;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);
}
img.contentimg-32{
	width:100%;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.6);
	margin:0 0 10px;
}
img.contentimg-32-2{
	width:96%;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.6);
	margin:0 0 10px;
	padding:2%;
	background:#fff;
}

a.button{
	background:#fff;
	border:2px solid #1d1d1d;
	color:#C00031;
	padding:8px 35px;
	font-size:12px;
	font-weight:600;
	text-transform:uppercase;
	margin:0 0 20px;
	display:inline-block;
}
a.button:hover{
	background:#C00031;
	color:#fff;
}

/*  TÁBLÁK  */

table.kezelesekTable {
    background: #fafafa none repeat scroll 0 0;
    border-collapse: inherit !important;
    border-spacing: 1px !important;
	margin:20px 0 40px;
}
table.kezelesekTable tr {
}
table.kezelesekTable td {
}
table.kezelesekTable td.red {
    background: #be1f04 none repeat scroll 0 0;
    color: #fff;
    padding: 10px 15px;
    text-align: left;
}
table.kezelesekTable tr.gray1 td {
    background: #f4f4f4 none repeat scroll 0 0;
    color: #333;
    padding: 10px 15px;
    text-align: justify;
}
table.kezelesekTable tr.gray2 td {
    background: #ededed none repeat scroll 0 0;
    color: #333;
    padding: 10px 15px;
    text-align: justify;
}
table.kezelesekTable tr.gray0 td {
    background: #606060 none repeat scroll 0 0;
    color: #fff;
    padding: 10px 15px;
    text-align: center;
}
table.kezelesekTable tr.gray1 td.alr, table.cofidisTable tr.gray1 td.alr {
    text-align: right;
}


table.borderbottom td {
    border-top: 1px solid #e5e5e5;
    padding: 8px 0;
}


/*  ONLINE TESZTEK  */


section.latasteszt-box{
	margin:0px auto;
	background:#fafafa;
	padding:0;
	box-shadow:1px 1px 8px rgba(0, 0, 0, 0.2);
}
.latasteszt-head{
	position:relative;
	width:92%;
	padding:3% 4% 2%;
	background:#bd3223;
	border:1px solid #bd3223;
}
img.latasteszt-eye{
	position:absolute;
	left:0; right:0; top:-25px;
	margin:0 auto;
	background:#fff;
	border-radius:50%;
	padding:2px;
}
.progressbar{
	width:99.78%;
	padding:0.11%;
	background:#fff;
	border-radius:5px;
	margin:20px 0;
}
.progressbar-red{
	background:#bd3223;
	color:#fff;
	text-align:center;
}
.percent33{
	width:33%;
	border-radius:5px 0 0 5px;
}
.percent66{
	width:66%;
	border-radius:5px 0 0 5px;
}
.percent50{
	width:50%;
	border-radius:5px 0 0 5px;
}
.percent80{
	width:80%;
	border-radius:5px 0 0 5px;
}
.percent100{
	width:100%;
	border-radius:5px;
}
.latasteszt-head h3{
	color:#fff;
	text-align:center;
	padding:0;
	font-weight:400;
}
.latasteszt-body{
	width:100%;
	border:1px solid #efefef;
}
.latasteszt-body-row{
	background:#f4f4f4;
	border-bottom:1px solid #fff;
	padding:20px 4%;
	width:92%;
}
.latasteszt-body-row input, .latasteszt-body-row select{
	width:96%;
	padding:8px 2%;
	display:block;
	margin:0 0 10px;
	border:0;
	box-shadow:1px 1px 1px rgba(50, 50, 50, 0.2) inset;
}
.latasteszt-body-row input[type="radio"] {
    display:none;
}
.latasteszt-body-row input[type="radio"] + label {
    color: #333;
    font-size:14px;
	margin-right:20px;
}
.latasteszt-body-row input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
    -moz-border-radius:  50%;
    border-radius:  50%;
}
.latasteszt-body-row input[type="radio"] + label span {
    background-color:#fff;
}
.latasteszt-body-row input[type="radio"]:checked + label span{
    background-color:#BD3223;
}
.latasteszt-body-row input[type="radio"] + label span,
.latasteszt-body-row input[type="radio"]:checked + label span {
  -webkit-transition:background-color 0.4s linear;
  -o-transition:background-color 0.4s linear;
  -moz-transition:background-color 0.4s linear;
  transition:background-color 0.4s linear;
  box-shadow:1px 1px 1px rgba(50, 50, 50, 50, 0.8) inset;
  margin-right:10px;
}

.latasteszt-body-row p{
	padding:0 0 10px;
}

.testfooter1, .testfooter2{
	padding:10px 4%;
	background:#f4f4f4;
	border-bottom:1px solid #fff;
}
.testfooter1 p{
	font-size:10px;
	font-weight:600;
	text-transform:uppercase;
	padding:0;
}
.testfooter2 p{
	font-size:9px;
	color:#999;
	line-height:14px;
	padding:0;
}

.testblock-button{
	width:50%;
	padding:10px 0;
}

.testblock-button a.button{
	border:1px solid #bd3223;
	background-color: #fff;
    color: #bd3223;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 22px;
    padding:10px 40px;
	transition:all 0.3s ease-in-out 0s;
}
.testblock-button-left a.button:hover{
	color:#fff;
	background-color: #bd3223;
}


/*  VIDEO  */

.video1{
	width:100%;
	height:400px;
	background:#fff url(../imgs/videobg.jpg) no-repeat center center;
	padding:;
	margin:0 0 20px;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.4) inset;
	text-align:right;
}
.video1 iframe{
	margin:30px 30px 0 0;
	padding:1%;
	background:#fff;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);
	width:560px;
	height:315px; 
}
iframe.video2{
	padding:10px;
	background:#fff;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);
	width:560px;
	height:315px;
}

/*  FORM  */

form.contact-form {
    margin: 0;
    padding: 0;
    width: 90%;
}
form.contact-form input {
    background-color: #fff;
    border: 2px solid #C00031;
    box-shadow: 1px 1px 4px rgba(50, 50, 50, 0.4) inset;
    color: #1d1d1d;
    float: left;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 2%;
    padding: 12px 2%;
    width: 44%;
}
form.contact-form input.knev, form.contact-form input.tel {
    float: right;
}
form.contact-form textarea {
    background-color: #fff;
    border: 2px solid #C00031;
    box-shadow: 1px 1px 4px rgba(50, 50, 50, 0.4) inset;
    color: #333;
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 400;
    height: 100px;
    margin: 0 0 20px;
    padding: 12px 2%;
    width: 95%;
}

form.contact-form a.button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #C00031;
    color: #1d1d1d;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 10px 40px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
form.contact-form a.button:hover {
    background: #C00031 none repeat scroll 0 0;
    border: 2px solid #1d1d1d;
    color: #fff;
}

/*  MAP  */

.map{
	border-top:2px solid #dd0303;
}
.map iframe.google-map{
	width:100% !important;
	height:500px !important;
	margin:0;
	
}



/*  FOOTER  */

footer{
	width:100%;
	padding:30px 0;
	background:#1d1d1d;
	color:#efefef;
}


/*  GENERAL  */

.box{width:1000px; margin:0 auto;}
.clear{ clear:both;}
.w100{ width:100%;}
.w2{ width:2%; float:left;}
.w1{ width:1%; float:left;}
.w32{ width:32%; float:left;}
.w66{ width:66%; float:left;}
.w49{ width:49%; float:left;}
.w40{ width:40%; float:left;}
.w50{ width:50%; float:left;}
.w60{ width:60%; float:left;}
.w23-5{ width:23.5%; float:left;}
.fleft{float:left;}
.fright{float:right;}
.nofloat{float:none;}
.marbot20{margin-bottom:20px;}
.marbot30{margin-bottom:30px;}
.marbot40{margin-bottom:40px;}
.padbox{padding:20px;}
.alcenter{ text-align:center;}
.alleft{ text-align:left;}
.alright{ text-align:right;}
.blue{color:#027CC7;}
.pinkish{color:#C00031;}
.white{color:#fff;}
.minh300{ min-height:300px;}
a.hashAncor{ position:absolute; top:-60px;}
a.hashAncorHome{ position:absolute; top:0;}



@media all and (max-width: 1050px){
	.box{width:90%;}
	.headerdiv h2{ padding:30px 30% 30px 30px; font-size:20px; line-height:28px;}
}
@media all and (max-width: 650px){
	.normal{ display:none;}
	.mobile{ display:block;}
	h1{ font-size:30px; line-height:36px;}
	h2{ font-size:24px; line-height:30px;}
	h3{ font-size:16px; line-height:22px; font-weight:600;}
	img.ukkowlsuccess{width:90%; margin:0 auto 20px; float:none;} 
	.menu{ display:none;}
	.slicknav_menu{display:block !important; position:absolute; right:0; background:none !important; width:100%;}
	.slicknav_btn{ padding:15px 0 16px;}
	.w2{ display:none;}
	.w32, .osszetevo-text, .w46, .kapcsolodo-img{ width:100%;}
	.osszetevo-img{ width:100%; float:left;}
	.tanacs img{ width:100%; margin:0 0 20px 0;}
	.products{ background:none;}
	.teacsomagok{ width:96%; min-height:80px; padding:15px 2%; box-shadow:0 0 1px rgba(0, 0, 0, 0.8) inset; margin:0 0 10px;}
	.teacsomag-nev{ width:70%;}
	.teacsomag-ar{ width:30%; padding-right:0;}
	.teacsomag-kosarba{ width:100%; padding:0; margin:20px 0 0;}
	.orderBlock h2, .orderBlock h3, .orderBlock p, .orderForm-body, .orderForm-body-right{ width:100%;}
	.teacsomagok h3{ font-size:14px; text-align:left;}
	.teacsomagok p{ font-size:12px; text-align:left;}
	.teacsomag-kosarba a.button{ width:99%; padding:10px 0; font-size:12px;}
	a.button{ width:auto !important;}
	.kapcsolodo-text{ width:96%;}
	.kapcsolodo-img img{ margin-bottom:20px;}
	.orderForm{background:#fff url("../imgs/greenteabg.png") no-repeat scroll center center / auto 100%; padding:20px 0;}
	.orderForm h2{padding:0;}
	section.headerbg{ height:auto; background:none;}
	.whitedesk, img.headergirl, .headerdiv, .toprow{ display:none;}
	header{ position:fixed; top:0 !important;}
	.logo img{margin:15px 15px 0 0;}
	.hashAncor-content2{top:-49px;}
	.kapcsolodo{ padding:10px 0; width:99%;}
	.titlerow{ padding:40px 0; left:0;}
	.titlerow h2{ font-size:26px; line-height:32px;}
	section.content2{}
	.orderForm-body-left{width:100%; padding:0;}
	.kapcsolodo a.button{padding:8px 30px;}
	.video1{ background:none; box-shadow:none; height:auto;}
	.video1 iframe{width:98%; height:auto; margin:0;}
	iframe.video2{width:98%; height:auto; margin:0 0 15px; padding:1%;}
	.w40, .w60, .w49{ width:100%;}
	.latasteszt-body-row input, .latasteszt-body-row select{margin:0 0 20px;}
	.testblock-button a.button{padding:10px 20px; font-size:14px; line-height:20px; margin:0;}
	.progressbar{ width:99.6%; padding:0.2%;}
	
	body{ overflow-x:hidden;}
}