/* latin-ext */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    src: url("fonts/Oswald-Light.ttf");
}
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url("fonts/Oswald-Regular.ttf");
}
@font-face {
    font-family: 'Verdana';
    font-style: normal;
    font-weight: 400;
    src: url("fonts/verdana.ttf");
}
html,
body {
    height: 100%;
    background: url('kepek/background.jpg') no-repeat center center fixed;
    color: white;
    background-size: cover;
    letter-spacing: 0.5px;
     font-family: 'Verdana';
}
.alert-ujwar{
	background: rgba(223, 213, 38, 0.44);
	color: white; 
	margin-top: 10px;
	border: 1px solid rgba(223, 213, 38, 0.44);
}
.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: rgba(21, 21, 21, 0.69);
    border-top: 1px solid rgba(8, 8, 8, 0.2);
    padding-top: 20px;
    width: 100%;
    position: relative;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}
/* -------------------------------------- ICONOK ------------------------------------*/
.trans{
    transition: all .4s ease-in-out;
}
@media (min-width: 1000px){
    .rolunk, 
    .it,
    .elerhetoseg, 
    .halozatok, 
    .palyazat, 
    .szoftver_web, 
    .termek,
    .webhost {
        height:300px; 
        width:300px;
        position:relative;
        cursor:pointer;
      /*  margin-left:32px;*/
        text-align:center;
        margin: 0px auto;
        
        /*float: left;*/
    }
    .rolunk{  background: url('kepek/icons/rolunk.png'); }
    .it{ background: url('kepek/icons/IT.png');}
    .elerhetoseg{ background: url('kepek/icons/elerhetoseg.png');}
    .halozatok{  background: url('kepek/icons/halozatok.png'); }
    .palyazat{ background: url('kepek/icons/palyazat.png');}
    .szoftver_web{ background: url('kepek/icons/szoftver_web.png');}
    .termek{ background: url('kepek/icons/termek.png');}
    .webhost{ background: url('kepek/icons/webhost.png');}
    .rolunk:hover{ background: url('kepek/icons/rolunk.png') 0 300px, rgba(44,39,39,0.4); }
    .it:hover{ background: url('kepek/icons/IT.png') 0 300px, rgba(44,39,39,0.4);  }
    .elerhetoseg:hover{  background: url('kepek/icons/elerhetoseg.png') 0 300px, rgba(44,39,39,0.4);  }
    .halozatok:hover{  background: url('kepek/icons/halozatok.png') 0 300px, rgba(44,39,39,0.4);  }
    .palyazat:hover{  background: url('kepek/icons/palyazat.png') 0 300px, rgba(44,39,39,0.4);  }
    .szoftver_web:hover{  background: url('kepek/icons/szoftver_web.png') 0 300px, rgba(44,39,39,0.4);  }
    .termek:hover{  background: url('kepek/icons/termek.png') 0 300px, rgba(44,39,39,0.4);  }
    .webhost:hover{  background: url('kepek/icons/webhost.png') 0 300px, rgba(44,39,39,0.4);  }
    .trans:hover{
        transform: scale(0.95);
    }
}




@media (max-width: 1300px){
    .rolunk,
    .it, 
    .elerhetoseg, 
    .halozatok, 
    .palyazat, 
    .szoftver_web, 
    .termek, 
    .webhost {
        height:230px; 
        width:230px;
        cursor:pointer;
        margin: 0px auto;
        text-align:center;
       /* margin-left: 50px;*/
        margin: 0px auto;

    }
    .rolunk{  background: url('kepek/icons/rolunk.png'); background-size: 230px auto; }
    .it{ background: url('kepek/icons/IT.png'); background-size: 230px auto;}
    .elerhetoseg{ background: url('kepek/icons/elerhetoseg.png'); background-size: 230px auto;}
    .halozatok{  background: url('kepek/icons/halozatok.png'); background-size: 230px auto;}
    .palyazat{ background: url('kepek/icons/palyazat.png'); background-size: 230px auto;}
    .szoftver_web{ background: url('kepek/icons/szoftver_web.png'); background-size: 230px auto;}
    .termek{ background: url('kepek/icons/termek.png'); background-size: 230px auto;}
    .webhost{ background: url('kepek/icons/webhost.png'); background-size: 230px auto;}
    .rolunk:hover{ background: url('kepek/icons/rolunk.png') 0px 230px, rgba(44,39,39,0.4); background-size: 230px auto; }
    .it:hover{ background: url('kepek/icons/IT.png') 0px 230px, rgba(44,39,39,0.4); background-size: 230px auto;}
    .elerhetoseg:hover{  background: url('kepek/icons/elerhetoseg.png') 0px 230px, rgba(44,39,39,0.4); background-size: 230px auto;}
    .halozatok:hover{  background: url('kepek/icons/halozatok.png') 0px 230px, rgba(44,39,39,0.4); background-size: 230px auto;}
    .palyazat:hover{  background: url('kepek/icons/palyazat.png') 0px 230px, rgba(44,39,39,0.4); background-size: 230px auto;}
    .szoftver_web:hover{  background: url('kepek/icons/szoftver_web.png') 0px 230px, rgba(44,39,39,0.4); background-size: 230px auto;}
    .termek:hover{  background: url('kepek/icons/termek.png') 0px 230px, rgba(44,39,39,0.4); background-size: 230px auto;}
    .webhost:hover{  background: url('kepek/icons/webhost.png') 0px 230px, rgba(44,39,39,0.4); background-size: 230px auto;}
    .trans:hover{
        transform: scale(1.05);
    }
}
/* -------------------------------------- TARTALOMRÉSZ ------------------------------------*/ 

#menutartalom{
    display: none;
}
.menutartalom{
    width: 100%;
    margin: 0 auto;
    min-height: 500px;
    background-color: rgba(0, 0, 0, 0.44);
    border-radius: 10px;
    padding: 10px 15px 10px 15px;
}
.visszagomb{
    background: url('kepek/visszanyil.png'); 
    background-size: 40px 40px;
    width: 40px;
    position: absolute;
    margin-left: 10px;
    margin-top: 10px;
    height: 40px;
    filter: invert(100%);
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    cursor: pointer;
    z-index: 2000;
}
.aloldal_cim{
    font-size: 30px;
    text-align: center;
}
.aloldal_tartalom{
    /*text-align: justify;*/
    margin-top: 20px;
}
/* -------------------------------------- WEBHOSTING ------------------------------------*/ 
.paneluj{
    border-radius: 23px;
    background: rgba(0, 0, 0, 0.36);
}
.hostingtable{
    text-align: center;
    border-color: rgba(65, 65, 65, 0.49);
}
table > tbody > tr > td{
    border: 1px solid rgba(65, 65, 65, 0.49);
}
.hostingtable > tbody > tr > td{
    border: 1px solid rgba(65, 65, 65, 0.49);
}
.hostingtable > tbody > tr > th:first-child{
    padding-left: 18px;
}
.hostingtable i{
    font-size: 24px;
}

.artablazat{
    background: rgba(0, 0, 0, 0.37);
    width: 100%;
    border-radius: 10px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.artablazat_csomagnev{
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 30px;
    background: rgba(223, 213, 38, 0.44);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    line-height: 1.7;
}
.artablazat_elemek{
    list-style: none;
    width: 100%;
    -webkit-padding-start: 0px;
    padding: 0px;
    border-left: 1px solid rgba(223, 213, 38, 0.44);
    border-right: 1px solid rgba(223, 213, 38, 0.44);
}
.artablazat_elemek>li{
    text-align: center;
    border-bottom: 1px solid rgba(223, 213, 38, 0.44);
    height: 35px;
    line-height:2.5;
}
.artablazat_elemek li:last-child{
    border: 0px;
    margin-bottom: -10px;
}

.artablazat_ar{
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 30px;
    background: rgba(223, 213, 38, 0.44);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    line-height: 1.7;
}
.artablazat2{
    background: rgba(0, 0, 0, 0.37);
    width: 100%;
    border-radius: 10px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.artablazat_csomagnev2{
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 30px;
    background:  rgba(65, 255, 0, 0.51);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    line-height: 1.7;
}
.artablazat_elemek2{
    list-style: none;
    width: 100%;
    -webkit-padding-start: 0px;
    padding: 0px;
    border-left: 1px solid  rgba(65, 255, 0, 0.51);
    border-right: 1px solid  rgba(65, 255, 0, 0.51);
}
.artablazat_elemek2>li{
    text-align: center;
    border-bottom: 1px solid  rgba(65, 255, 0, 0.51);
    height: 35px;
    line-height:2.5;
}
.artablazat_elemek2 li:last-child{
    border: 0px;
    margin-bottom: -10px;
}

.artablazat_ar2{
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 30px;
    background:  rgba(65, 255, 0, 0.51);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    line-height: 1.7;
}
.artablazat3{
    background: rgba(0, 0, 0, 0.37);
    width: 100%;
    border-radius: 10px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.artablazat_csomagnev3{
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 30px;
    background: rgba(41, 141, 255, 0.46);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    line-height: 1.7;
}
.artablazat_elemek3{
    list-style: none;
    width: 100%;
    -webkit-padding-start: 0px;
    padding: 0px;
    border-left: 1px solid rgba(41, 141, 255, 0.46);
    border-right: 1px solid rgba(41, 141, 255, 0.46);
}
.artablazat_elemek3>li{
    text-align: center;
    border-bottom: 1px solid rgba(41, 141, 255, 0.46);
    height: 35px;
    line-height:2.5;
}
.artablazat_elemek3 li:last-child{
    border: 0px;
    margin-bottom: -10px;
}

.artablazat_ar3{
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 30px;
    background: rgba(41, 141, 255, 0.46);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    line-height: 1.7;
}
.artablazat4{
    background: rgba(0, 0, 0, 0.37);
    width: 100%;
    border-radius: 10px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}
.artablazat_csomagnev4{
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 30px;
    background: rgba(242, 22, 22, 0.76);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    line-height: 1.7;
}
.artablazat_elemek4{
    list-style: none;
    width: 100%;
    -webkit-padding-start: 0px;
    padding: 0px;
    border-left: 1px solid rgba(242, 22, 22, 0.76);
    border-right: 1px solid rgba(242, 22, 22, 0.76);
}
.artablazat_elemek4>li{
    text-align: center;
    border-bottom: 1px solid rgba(242, 22, 22, 0.76);
    height: 35px;
    line-height:2.5;
}
.artablazat_elemek4 li:last-child{
    border: 0px;
    margin-bottom: -10px;
}

.artablazat_ar4{
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 30px;
    background: rgba(242, 22, 22, 0.76);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    line-height: 1.7;
}
.szoveges_resz{
  /*text-align: justify;*/
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 15px;
   font-family: 'Verdana';
  font-weight: 300;
  font-size: 19px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.38);
}
.szoveges_resz b{
    font-weight: 400;
}
.felsorolas{
     list-style-type: none;
    padding: 0px;
}
.felsorolas li:before{
    padding-right: 10px;
    display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
    content: "\f00c";
}

.ajanlatkeres{
position: fixed;
  margin-top: 14%;
  left: 0px;
  color: white;
  background: rgba(0, 0, 0, 0.51);
  width: 50px;
  height: 186px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.ajanlatkeres span{
    transform:rotateZ(-90deg);
    -webkit-transform: rotateZ(-90deg);
    display: block;
    font-size: 24px;
   margin-top: 130px;
}
.navbar-right{
    font-size: 12px !important;
}
#megrendelesform-szolgaltatas option{
   background: black !important;
}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label{
    color: lime !important;
}
.has-success .form-control {
    border-color: lime !important;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label{
 color: #FF6A67 !important;   
}
.has-error .form-control {
    border-color: #FF6A67;
}


#map-canvas {
    height: 280px;
    width: 100%;
    padding: 0px;
    margin-top: 22px;
}


.bg-light-alpha {
  background-color: rgba(255,255,255, 0.15);
}


/* bs5 equivalents */
.p-3 {
    padding: 1rem !important;
}

.border-0 {
  border: none !important;
}

.justify-content-center {
  display: flex;
  justify-content: center;
}

.d-flex {
    display:flex;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.zertLogoRow {
    width: 70%; 
    margin-top: 20px;
    margin-bottom: 20px;
}

.zertLogo {
    max-width: 100%;
    max-height: 80px;
    margin-bottom: 10px;
}

.cert {
    cursor: pointer;
}


@media (max-width: 480px){
    .zertLogoRow {
        width: 100%; 
    }
}

@media (max-width: 768px){
    .zertLogoRow {
        width: 80%; 
    }
}