body {
overflow-x: hidden;
}

.red {
background-color: red;
}

.hmail:after {
content:attr(title) "@eustandard.hu";
}

.fright0 {
float: right;
padding-right: 5%;
}

.envelo {
margin-top: -3px;
}

/* menu ************************************************************************/

.navbar a.active, .navbar a.active:hover {
pointer-events: none!important;
cursor: default!important; 
/* background-color: #fff!important; */
}


.text1 {
font-size: 18px;
color: #1A4670;
}

.tevekenyseg {
margin-bottom: 50px;
}

#slider {
height: 500px;
/* background-color: #cfcfce;  */
width: 100%;
/*  background: url(../img/bg1x3.jpg) no-repeat left top #cfcfcf; */
background: url(../img/bg1x32.jpg) no-repeat left top #abb5bd;
/* background-size: 100%; */
background-size: cover;
position: relative;
}

/* #slider:before {
position: absolute;
background: rgba(238,238,238, 0.3);
content: " ";
top: 0;
bottom: 0;
width: 100%;
height: 100%;
} */

/* .slider-inn {
width: 1200px;
margin: 0 auto;
} */

.center-x {
text-align: center;
}

.hdiv1 {
padding-top: 83px;
}

.hdiv1 h1, .hdiv1 h2 {
font-size: 40px;
line-height: 50px;
font-weight: 400;
color: #004990;
background-color: #FFBB02;
margin-bottom: 24px;
display: inline-block;
padding: 6px 20px;
}

h1.hdr1, h2.hdr1 {
color: #fff;
background-color: #004990;
}

.bottom-line {
text-align: center;
position: absolute;
width: 100%;
/* height: 100px; */
bottom: 0;
left: 0;
background: rgb(255,255,255);
background: rgba(255,255,255, 0.8);
padding: 30px 0;
}

.bottom-line h2 {
font-size: 36px;
line-height: 40px;
font-weight: 400;
color: #154675;
text-transform: uppercase;
}

.section-title {
color: #505051;
}

.color1 {
color: #004990;
}

.term-wrap {
margin-top: 50px;
}

.term-wrap img {
margin-bottom: 30px;
}

.term-wrap img:hover {
opacity: 0.7;
}

.btnx {
border: 1px solid #004990;
color: #FFF;
background-color: #004990;
padding: 4px 7px;
}

.btnx:hover {
opacity: 0.3;
border: 1px solid #004990;
color: #004990;
background-color: #FFF;
}

div.service.section {
padding-bottom: 60px;
}

.service-box .service-head h2 {
color: #505051;
font-weight: 700;
font-size: 23px;
text-transform: uppercase;
}

/* .service-head h2::before {
color: #ffbb02;
content: "\f18e";
display: inline-block;
font-family: "FontAwesome";
margin-right: 10px;
} */

/* #rolunk ************************************************/

#rolunk {
/* background-color: #F9FBFC; */
background-color: #F0F5F8;
}

.container1 {
display: block;
overflow: hidden;
}

.content1 {

}

.rolunk-wrap {
/* display: block; */
}

.fleft {
float: left;
}

.fright {
float: right;
} 

.head2 {
text-align: center;
}

.head2 h2 {
/* color: #505051; */
color: #004990;
background: #FFBB02;
display: inline-block;
padding: 5px 10px;
font-weight: 400;
margin-bottom: 5px;
}

p.desc {
font-size: 18px;
}

ul.list01 {
margin-top: 20px;
/* margin-left: 25%; */
}

.list01 li {
font-size: 20px;
line-height: 26px;
}

.list01 li::before {
color: #004990;
content: "\f058";
display: inline-block;
font-family: "FontAwesome";
margin-left: -1.3em;
margin-right: 4px;
/* width: 1.1em; */
}

.border1 {
border: 1px solid #e5e5e5;
height: 100%;
}

.div-right, .div-left {
text-align: center;
/* padding-top: 60px;
padding-bottom: 60px; */
padding-bottom: 500em;
margin-bottom: -500em;
}

.div-right {
/* background: #FFBB02; */
background: url(../img/bg-left.jpg) no-repeat 0 0 #cfcfcf;
background-size: 100%;
}

.div-right:before {
position: absolute;
background: rgba(0, 73, 144, 0.13);
content: " ";
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;

}

.div-left-inner {
padding: 60px 0 45px 0;
}

.centerdiv {
display: inline-block;
text-align: left;
overflow: hidden;
padding: 0 10px 0 160px;
} 

/* #muszaki ******************************************************/

#muszaki {
text-align: center;
padding: 60px 0;
}
#muszaki h2 {
font-size: 25px;
line-height: 26px;
color: #505051;
}

.service-head3 {
margin-bottom: 40px;
}

#muszaki p, #kapcsolat p {
font-size: 20px;
line-height: 26px;
}


/* kapcsolat **********************************************/

#kapcsolat {
padding: 50px 0;
}

#kapcsolat h1, #page1 h1 {
margin-bottom: 40px;
text-align: center;
}

.content-header{
/* font-family: 'Oleo Script', cursive; */
color:#fcc500;
font-size: 45px;
}

.section-content{
text-align: center; 

}

#contact{
color : #fff;    
background: url(../img/bg/form-bg.jpg) no-repeat fixed center center / cover;
position: relative;
padding: 60px 0 80px;
}

.contact-section{
padding-top: 40px;
}

.form-line{
border-right: 1px solid #B29999;
}

.form-group{
margin-top: 10px;
}

label{
font-size: 1.3em;
line-height: 1em;
font-weight: normal;
}
.form-control{
font-size: 1.3em;
color: #080808;
}
textarea {
height: 135px;
/* margin-top: px;*/
}

.submit{
font-size: 1.1em;
float: right;
width: 150px;
/* background-color: transparent; */
color: #fff;
}

.form-control#url { 
display: none; 
} 

.form-group textarea.form-control {
min-height: 180px;
}

.centertext {
text-align: center;
padding: 6% 0;
}

/* referenciak *******************************************/

#referenciak {
padding: 50px 0;
}

.ref-right {
padding-left: 50px;
border-left: 1px solid #abb9c6;
}

.ref-left>p:last-child {
margin-bottom: 0;
}

/* letoltesek ******************************************/

#letoltesek {
padding: 50px 0;
}

#letoltesek h1 {
margin-bottom: 40px;
text-align: center;
}

.l-table td {
font-size: 15px;
line-height: 16px!important;
min-width: 80px;
padding: 8px 15px 8px 20px!important;
}

a.a-img:hover {
opacity: 0.6;
}


/* oldalak **************************************************/

#page1 {
padding: 50px 0;
}

.wc-kabin p, .wc-kabin2 p {
font-size: 18px;
/* float: left;
max-width: 50%; */
}

.wc-kabin, .wc-kabin2 {
float: left;
}

.wc-img {
float: right;
text-align: center;
}

.wc-img img {
max-width: 320px;
} 

.list02 {
border-left: 3px solid #FFBB02;
padding: 20px;
margin-top: 30px;
}

.list02 ul {
margin-left: 30px;
}

.list02 ul li {
font-size: 18px;
line-height: 22px;
margin-bottom: 4px;
}

.list02 ul li::before {
color: #004990;
content: "\f00c";
display: inline-block;
font-family: "FontAwesome";
margin-left: -1.3em;
margin-right: 4px;
}

#page2  {
padding: 50px 0;
background-color: #F1F1F1;
}

#page2 .container {
text-align: center;
}

#page2 .container img {
padding: 10px 15px;
}

.callto1 h2 {
font-size: 28px;
color: #fff;
letter-spacing: 2px;
margin-bottom: 40px;
margin-top: 15px;
text-align: center;display: block;
}

.callto1 {
background: rgba(0, 0, 0, 0) url("../img/bg/wc-kabin-bg.jpg") no-repeat fixed center center / cover ;
position: relative;
width: 100%;
padding: 100px 0;
text-align: center;
}

.overlay {
background: #004990 none repeat scroll 0 0;
bottom: 0;
height: 100%;
position: absolute;
top: 0;
opacity: 0.6; 
width: 100%;
} 

.callto1 a {
color: #fff;
background: #FFBB02;
font-size: 28px;
border: 1px solid #FFBB02;
/* border-radius: 5px; */
padding: 7px 25px;
}

.callto1 a:hover, .callto1 a:focus, .callto1 a:active {
background: transparent;
color: #fff;
border: 1px solid #fff;
}

.muszaki {
margin-bottom: 50px;
}

.muszaki p {
font-size: 18px;
text-align: center;
}

.list03 ul {
margin-left: 30px;
}

.list03 ul li {
font-size: 18px;
line-height: 22px;
margin-bottom: 4px;
}

.list03 ul li::before {
color: #004990;
content: "\f0da";
display: inline-block;
font-family: "FontAwesome";
margin-left: -1.3em;
margin-right: 4px;
}

.choose {
background: #F0F5F8;
text-align: center;
padding: 50px 0;
}

.choose p {
font-size: 18px;
}

.choose a::before {
color: #ffbb02;
content: "\f18e";
display: inline-block;
font-family: "FontAwesome";
margin-right: 10px;
}

.right01 {
text-align: left;
}

#oltozo, #valaszfal {
background: #F0F5F8;
padding: 50px 0;
}

#oltozo {
margin-bottom: 60px;
}

#oltozo h2 {
text-align: center;
margin-bottom: 50px;
font-size: 24px;
}

.oltozo-b p, .oltozo-j p, #valaszfal p, .list02 p, .callto2 p {
font-size: 18px;
}

.list04 {
border: 1px solid #abc4df;
padding: 20px;
/* margin-top: 30px; */
}

.list04 ul {
margin-left: 30px;
}

.list04 ul li {
font-size: 18px;
line-height: 22px;
margin-bottom: 4px;
}

.list04 ul li::before {
color: #004990;
content: "\f00c";
display: inline-block;
font-family: "FontAwesome";
margin-left: -1.3em;
margin-right: 4px;
}

#oltozo2 {
padding: 50px 0;
background: #F0F5F8;
margin-bottom: 46px;
}

#oltozo2 h3 {
font-size: 22px;
margin: 0 0 30px 20px;
}

.wc-kabin2 {
padding-top: 40px;
}

#valaszfal {
margin-bottom: 20px;
}

#valaszfal h2 {
margin-bottom: 45px;
margin-left: 20px;
font-size: 24px;
text-align: center;
}

#valaszfal img {
float: right;
max-width: 280px;
margin: 0 40px;
}

#valaszfal2  {
margin-bottom: 60px;
}

#valaszfal2 .list02 {
margin-left: 60px;
margin-top: 70px;
width: 50%;
float: left;
}

#valaszfal2 img {
float: right;
max-width: 320px;
margin: 70px 170px 0 0;
}

.callto2 {
text-align: center;
margin-bottom: 60px;
}

#gal1 {
text-align: center;
margin-bottom: 50px;
}

#gal1 .container img {
padding: 10px 15px;
}

/* termekek ******************************************/

#termek1 h1 {
margin-top: 30px;
}

.termekek-bal h2 {
font-size: 18px;
line-height: 23px;
position: relative;
}

.termekek-bal h2 a {
color: #004990;
}

.termekek-bal h2 a:hover {
color: #ffbb02;
}

.termekek-bal h2::after {
background: #ffbb02 none repeat scroll 0 0;
bottom: -10px;
content: "";
height: 3px;
left: 0;
position: absolute;
right: 0;
width: 100px;
}

.termekek {
margin-top: 40px;
}

.termekek-bal {
border-right: 1px solid #eee;
/* text-align: right; */
padding-right: 3%;
font-size: 16px;
}

.termekek-jobb {
margin-bottom: 30px; 
}

.termekek-jobb h2 {
font-size: 18px;
margin-bottom: 13px; 
font-weight: 600;
}

.termekek-jobb h2 a {
color: #004990;
}

.termekek-jobb h2 a:hover {
color: #FFBB02;
}

.termek-group1, .termek-group2, .termek-group3 {
margin-bottom: 30px;
}

ul.list05 {
margin-top: 20px;
}

ul.list05 li {
padding: 7px 0;
}

.pic-group {
margin-bottom: 10px;
}

.pic-group img {
width: auto;
height: 100px;
margin-right: 10px;
margin-bottom: 10px;
}

/* termek-oldalak *************************************************************/

#page3 {
padding: 50px 0;
}

#page3 p {
font-size: 18px;
}

#page3 h1 {
margin-bottom: 40px;
text-align: center;
}

.termek img {
float: right;
margin-left: 30px;
margin-bottom: 20px;
}


/* testimonials ******************************************/
#counter:before {
background: rgba(253, 197, 2, 0.7);
}
#testimonial .img-member {
border: 4px solid #ffbb02;
}
#testimonial .client-info {
background: #ffbb02;
}
#testimonial .owl-theme .owl-controls .owl-buttons div {
background: #ffbb02;
}
#testimonial::before {
background: rgba(0, 73, 144, 0.7);
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
background: #ffbb02;
}

/* footer **********************************************/

.hours-widget {
padding-top: 30px;
}

.hours-widget .contact-info p {
margin-bottom: 0;
}

.contact-info a {
font-size: 16px;
}

@media (max-width: 1590px) {

#slider {
background-size: auto;
}		
}

@media (max-width: 1350px) {

.div-right {
height: 100%;
background-size: 123%;
}		
}

@media (max-width: 1240px) {
.slider-inn {
max-width: 100%;
margin: 0 auto;
}	
}

@media (max-width: 1200px) {

.service-box .service-head h2 {
font-size: 20px;
}

.wc-img img {
max-width: 350px;
}

#valaszfal img {
margin: 0 0 0 40px;
}

#valaszfal2 .list02 {
margin-left: 30px;
margin-top: 70px;
width: 50%;
float: left;
}

#valaszfal2 img {
float: right;
max-width: 320px;
margin: 70px 110px 0 0;
}

}	

@media (max-width: 1100px) {

#rolunk .container-fluid {
padding: 0;
}

.centerdiv {
padding: 0 0 0 30px;
display: block;
overflow: visible;
}

.div-right, .div-left {
padding-bottom: 0;
margin-bottom: 0;
}

.div-right {
display: none;
}

.div-right, .div-left {
width: 100%;
}

.centerdiv {
padding: 0 0 0 30px;
display: inline-block;
}

}

@media (max-width: 992px) {

#termek1 .container {
width: 100%;
}

.service-box .service-head h2 {
font-size: 15px!important;
}	

.term-wrap img {
margin-bottom: 20px;
}

.wc-img img {
max-width: 100%;
margin-bottom: 30px;
}	

.termek1x h3 {
font-size: 17px;
}

#valaszfal {
text-align: center;
}

#valaszfal p {
text-align: left;
}

#valaszfal img {
float: none;
max-width: 100%;
height: auto;
margin: 0 auto 40px;
}

#valaszfal2 {
/* padding: 0 10%; */
text-align: center;
}

#valaszfal2 .list02 {
margin-bottom: 40px; 
margin-top: 20px;
width: 100%;
float: none;
text-align: left;
}

#valaszfal2 img {
float: none;
max-width: 100%;
margin: 0;
}

}

@media (max-width: 768px) {

.service-box .service-head h2 {
font-size: 20px!important;
}

.form-line{
border-right: 0px;
}

.ref-right {
padding-left: 15px;
border-left: 0;
}

#termek1 {
padding: 50px 10px;
}

.termek1x {
margin-bottom: 30px;
}

.termek1x h3 {
font-size: 20px;
}

.termek {
text-align: center;
}

.termek p, .termek li {
text-align: left;
}

.termek img {
float: none;
margin-left: 0;
margin-bottom: 20px;
}

#termek1 .container {
padding: 0;
}

.termekek-bal{
width: 180px;
}

.termekek-jobb {
float: none; 
width: auto;
overflow: hidden;
}


}

@media (max-width: 640px) {

.hdiv1 h1, .hdiv1 h2 {
font-size: 30px;
line-height: 30px;
margin-bottom: 24px;
padding: 6px 20px;
}

.bottom-line h2 {
font-size: 30px;
font-weight: 400;
line-height: 30px;
}

}

@media (max-width: 630px) {

#testimonial-carousel br {
display: none!important;
}

}

@media (max-width: 470px) {

#slider {
height: 400px;
}

.hdiv1 {
padding-top: 26px;
}

.hdiv1 h1, .hdiv1 h2, .bottom-line h2 {
font-size: 24px;
line-height: 24px;
}

}

@media (max-width: 460px) {

.termekek-bal, .termekek-jobb{
width: 100%;
float: none;
}

}

@media (max-width: 450px) {

.letolt {
width: 100%;
margin-left: 0;
}

}