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


*{
    padding: 0px;
    margin: 0px;
}

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           */

.bemutatkozas {background:#21caf5;}
.projektTervezes {background:#ef7560;}
.kf-tanacsadas {background:#aee331;}
.strategia {background:#22a3c3;}
.palyazatiTanacsadas {background:#eb4930;}
.finanszirozas {background:#9dcb2a;}
.szervezetFejlesztes {background:#16748d;}
.projektMenedzsment {background:#de2f14;}
.horizon {background:#638413;}
.uszt1 {background:#0b404e;}
.referenciak {background:#60160b;}
.uszt2 {background:#29360b;}







.container-fluid {max-width:960px; padding:0; margin:0 auto;}


header {position:relative; width:100%; height:auto;}

.headerTop {width:100%; padding:25px 50px 25px 30px;}
.logo {display:block; padding-right:75px; border-right:1px dashed #E31E24;}
.headerTop ul {width:calc(100% - 340px); padding:40px 0 0 20px; list-style:none; font-size:15px; text-align:right;}
.headerTop ul li {display:inline-block; font-size:1em; line-height:1.2em; text-align:right;}
.headerTop ul li strong {font-size:1em; line-height:1.2em;}

#menuTrigger {display:none; position:fixed; z-index:50; right:0; top:0; width:53px; height:45px; background:#5081BD; border-radius:3px 0 0 3px; text-align:center; cursor:pointer;
    -webkit-transition-property: all; -moz-transition-property:all; transition-property:all;
    -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; transition-duration:0.2s;
    -webkit-box-shadow: -1px 1px 2px 0 rgba(0,0,0,0.2); box-shadow: -1px 1px 2px 0 rgba(0,0,0,0.2);
}
#menuTrigger span {position:relative; display:inline-block; width:28px; height:3px; margin-top:21px; background:#fff;}
#menuTrigger span::before, #menuTrigger span::after {position:absolute; width:100%; height:inherit; background:inherit; content:" ";}
#menuTrigger span::before {top:9px;}
#menuTrigger span::after {bottom:9px;}
#menuTrigger.opened {}

.mainNavigation {position:relative; width:100%; height:auto; padding-bottom:5px; margin-bottom:10px; border-bottom:1px dashed #E31E24; 
    -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0);
    -webkit-transition-property: all; -moz-transition-property:all; transition-property:all;
    -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; transition-duration:0.3s;
}
.mainNavigation.closed {/*display:none; */
    -webkit-transform: translateX(-650px); -moz-transform: translateX(-650px); transform: translateX(-650px);
    -webkit-transition-property: all; -moz-transition-property:all; transition-property:all; 
    -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; transition-duration:0.3s;
}
.mainNavigation ul {margin:0 -5px; list-style:none; text-align:center;}
.mainNavigation ul li {display:inline-block; margin:5px 3px; vertical-align:top;}
.mainNavigation ul li a {display:table-cell; width:310px; height:93px; padding:0 25px; border-radius:7px; font-size:20px; text-transform:uppercase; text-align:center; vertical-align:middle;}
.mainNavigation ul li a span {display:inline-block; font-size:1em; font-family:"humanist"; color:#fff; line-height:1.2em; text-transform:uppercase; text-align:center;}
.mainNavigation ul li a.bemutatkozas span {font-size:1.25em;}
.mainNavigation ul li a.projektTervezes span {font-size:1.25em;}
.mainNavigation ul li a.palyazatiTanacsadas span {}
.mainNavigation ul li a.projektMenedzsment span {font-size:1.1em;}
.mainNavigation ul li a.finanszirozas span {}
.mainNavigation ul li a.horizont span {font-size:1.25em;}
.mainNavigation ul li a.szervezetFejlesztes span {font-size:0.75em; text-align:left;}
.mainNavigation ul li a.uszt1 span {}
.mainNavigation ul li a.uszt2 span {}
.mainNavigation ul li a.strategia span {font-size:1.1em;}
.mainNavigation ul li a.referenciak span {font-size:1.25em;}
.mainNavigation ul li a.hasznos span {font-size:1.25em;}


.section {position:relative; width:100%; height:auto; padding-bottom:30px;}
.sectionHeader {width:100%; height:55px; padding:15px 30px 0 30px;}
.sectionHeader h1 {font-size:22px; color:#fff; line-height:24px; text-transform:uppercase;}

.sectionBody {position:relative; width:100%; height:auto;}
.mainTextbox {width:100%; height:auto; padding:25px 30px; font-size:13px;}
.mainTextbox p {font-size:1em; line-height:1.4em;}
.mainTextbox strong {font-size:1em; line-height:1.4em; font-weight:bold;}
.mainTextbox a {font-size:1em; line-height:1.4em; text-decoration:underline; font-style:italic;}
.mainTextbox a:hover {text-decoration:none;}
.mainTextbox ul, .mainTextbox ol {margin:20px 0; list-style:disc; list-style-position:inside;}
.mainTextbox ul li {font-size:1em; line-height:1.4em;}
.mainTextbox img {max-width:100%; margin:20px 0;}
.mainTextbox h1 {margin-bottom:1em; font-family:"humanist"; font-size:2em; line-height:1.2em;}
.mainTextbox h2 {margin-bottom:1em; font-family:"humanist"; font-size:1.8em; line-height:1.2em;}
.mainTextbox h3 {margin-bottom:1em; font-family:"humanist"; font-size:1.5em; line-height:1.2em;}
.mainTextbox h4 {margin-bottom:1em; font-size:1.6em; line-height:1.2em; font-weight:bold;}
.mainTextbox h5 {margin-bottom:1em; font-size:1.4em; line-height:1.2em; font-weight:bold;}
.mainTextbox h6 {margin-bottom:1em; font-size:1.2em; line-height:1.2em; font-weight:bold;}


.panel, .panel-default > .panel-heading, .panel-group .panel, .panel-default > .panel-heading + .panel-collapse .panel-body {border:0; border-radius:0; background:transparent; box-shadow:none; -webkit-box-shadow:none;}

.sectionBody .panel {border-top:2px dashed #222;}
.sectionBody .panel-group .panel:last-child {border-bottom:2px dashed #222;}

.sectionBody .panel-heading {padding:15px 30px;}
.sectionBody .panel-heading a {position:relative; display:block; width:100%; font-size:24px; color:#333; line-height:26px;}
.sectionBody .panel-heading a i {position:absolute; display:block; right:0; top:50%; margin-top:-7px;}


footer {position:relative; width:100%; height:auto; padding:15px 25px; background:#444;}
footer ul {list-style:none;}
footer ul li {display:inline-block; font-size:12px; color:#fff; line-height:16px;}
footer ul li strong {font-size:12px; color:#fff; line-height:16px; font-weight:bold;}

footer > div {position:absolute; right:15px; bottom:12px;}
footer > div span {display:inline-block; margin-right:8px; font-size:10px; line-height:12px; color:#fff; vertical-align:middle;}
footer > div a {display:inline-block; margin-right:5px; vertical-align:middle;}
footer > div a:last-child {margin:0;}


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


/*    GLOBAL MEDIA QUERIES    */


@media screen and (max-width:992px) {
    .headerTop {padding:20px;}  
    footer ul {width:100%; padding-right:130px;}
    footer > div {bottom:20px;}
}

@media screen and (max-width:767px) {
    .headerTop {padding:20px 0;}
    .logo {display:block; width:100%; padding:0 0 10px 0; border-right:0; border-bottom:1px dashed #E31E24; text-align:center;}
    .logo img {width:225px; height:auto;}
    .headerTop ul {width:100%; padding:15px; border-bottom:1px dashed #E31E24; font-size:11px;}
}

@media screen and (max-width:649px) {
    #menuTrigger {display:block;}
    .mainNavigation {position:fixed; top:0; z-index:10; width:100%; left:0; padding-right:37px; background:#fff; height:100%; overflow:scroll;}
    .mainNavigation ul {margin:0;}
    .mainNavigation ul li {display:table; margin:0; padding:0 10px 3px 10px; width:100%;}
    .mainNavigation ul li a {width:100%; height:64px; font-size:14px;}
}

@media screen and (max-width:600px) {
    .mainTextbox {padding:15px 20px; font-size:11px;}
    .sectionHeader {padding:15px 20px; height:auto;}    
    .sectionBody .panel-heading {padding:10px 20px;}
    .sectionBody .panel-heading a {font-size:15px;}
    .sectionBody .panel-heading a i {margin-top:-4px;}
    .sectionBody .panel-heading a i img {width:16px; height:auto;}

    footer ul li {width:100%; margin-bottom:3px;}
    footer ul li.divider {display:none;}
}

@media screen and (max-width:500px) {
    footer {padding-bottom:50px;}
    footer ul li strong {display:inline-block; width:100%;}
}



/*     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:50%;}

.modal {overflow:hidden;}
.modal-backdrop {background:#58908E; opacity:0.95 !important; filter:alpha(opacity=95) !important;}
.modal-dialog {margin:0 auto; top:50%; border:0;}
.modal-content {box-shadow:none; -webkit-box-shadow:none; border:0; border-radius:0;}



/*     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:25px; padding-top:2px; height:19px; display:inline-block; background-repeat:no-repeat; font-size:15px; font-family:"din_reg"; color:#858585; line-height:15px; vertical-align:middle; cursor:pointer; font-weight:normal;}
.radio-label {background:url(/static/images/radio1.png) left 2px; }
input[type=radio].css-radio:checked + label.radio-label {background-position: left -27px; }

.custom_select {width:210px; height:40px; border:1px solid #C4C4C4; padding:0 20px 0 15px; background:url(/static/images/select_bgr.png) no-repeat right center; font-size:14px; color:#393939; line-height:15px; vertical-align:middle; cursor:pointer; font-weight:normal; cursor:pointer;
-moz-appearance:none; -webkit-appearance:none; -ms-appearance:none;}
.custom_select option {padding:6px 20px; font-size:14px; color:#393939; line-height:15px;
-moz-appearance:none; -webkit-appearance:none; -ms-appearance:none;}
@-moz-document url-prefix() { 
    .custom_select {padding:8px 0 0 0; text-indent:9px; text-overflow:''; font-family:"tti_500";}
}

/*     CUSTOM FORM STYLE VÉGE    */