/* =================================================================== */
/* All Sections - common definitions
/* =================================================================== */

section {
    /*	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	background-size: cover !important;*/
    /* padding-top: 115px;  /*section top padding*/
    padding-bottom: 108px;
    width: 100%;
}

section li {
    list-style: square;
    list-style-position: inside;
    text-shadow: none;
}


/* section head
---------------------------------------------------------------------- */

.section-top-spacer {
    height: 100px;
}

.section-inside-spacer {
    height: 3em;
}

.section-head {
    text-align: center;
}

.section-head h1 span {
    color: #9DCD17;
    text-decoration: none;
}

.section-head h1 span span {
    color: #DC143C;
}

.section-head p {
    width: 95%;
    color: #252525;
    margin-left: auto;
    margin-right: auto;
}

/* =================================================================== */
/* Section-maintenance-alert
/* =================================================================== */

#section-maintenance-alert,
#section-maintenance-alert p {
    background-color:#861e20;
    color: #efefef;
    padding: 5px 0px 5px 0px;
    width: 100%;
    text-shadow: none;
}

/* =================================================================== */
/* Section-banner
/* =================================================================== */

#section-banner {
    /*
    background: #3081C3 url("img/email-titkositas-kek-hatter-5px.jpg") repeat-x fixed 0% 0%;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 1);
    
	background: #38aa90 url("img/email-titkositas-zold-hatter-5px.jpg") repeat-x fixed 0% 0%;
	*/
    /*background: #9DCD17 url("img/titkositott-email-banner.jpg") repeat-x fixed 0% 0%;*/
    /*    background: url(img/titkositott-email-banner.jpg) center center;
    background-color: #12151b; 
    background-repeat: no-repeat;
    background-attachment: fixed;

    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
*/
    background: url(img/titkositott-email-banner.jpg) center center;
    background-size: cover;

    /* padding-top: 115px;  /*section top padding*/
    padding-bottom: 108px;
    width: 100%;
    height: 560px;
}

#section-banner h5 {
    color: #252525;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
}

#section-banner p {
    text-shadow: 0 4px 4px rgb(126, 168, 7);
}

#section-banner a:hover,
#section-banner a:focus {
    background-color: #9DCD17;
    color: black;
    text-shadow: none;
}

/* =================================================================== */
/* Section-a
/* =================================================================== */

#section-a {
    /*
    background: #3081C3 url("img/email-titkositas-kek-hatter-5px.jpg") repeat-x fixed 0% 0%;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 1);
    
	background: #38aa90 url("img/email-titkositas-zold-hatter-5px.jpg") repeat-x fixed 0% 0%;
	*/
    background: #9DCD17 url("img/hatter-zold-mintas.png") repeat fixed 0% 0%;
    /*text-shadow: 0 4px 4px rgba(0, 0, 0, 1);*/
    color: #252525;
}

#section-a h1,
#section-a h3,
#section-a h3 a {
    color: white;
}

#section-a .icon-part {
    background: #719317;
}

#section-a span {
    color: #252525;
}

#section-a .row.section-head h2 {
    color: white;
}

#section-a p {
    font-size: 1.3em;
    text-shadow: 0 4px 4px rgb(126, 168, 7);
    line-height: 1.2em;
    margin-bottom: 1.3em;
}

#section-a p span {
    color: red;
    font-size: 2em;
    line-height: 0em;
}

#section-a a,
#section-a a:visited {
    color: #ffffff;
}

#section-a a:hover,
#section-a a:focus {
    color: yellow;
}

/* =================================================================== */
/* Section-b
/* =================================================================== */

#section-b {
    background: #252525 url("img/hatter-fekete-mintas.png") repeat fixed 0% 0%;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 1);
    color: white;
}

#section-b h1,
#section-b h3,
#section-b h3 a {
    color: white;
}

#section-b .row.section-head h2 {
    color: white;
}

#section-b p {
    color: #fffcfb;
}

#section-b em {
    color: #9DCD17;
}

#section-b h2 span {
    color: #9DCD17;
    text-decoration: none;
    /*#00B7B7*/
}

#section-b blockquote span {
    color: #9DCD17;
}

#section-b a,
#section-b a:visited {
    color: #9DCD17;
}

#section-b a:hover,
#section-b a:focus {
    color: yellow;
}

/* =================================================================== */
/* Section-b CLASS
/* =================================================================== */

.section-b {
    background: #252525 url("img/hatter-fekete-mintas.png") repeat fixed 0% 0%;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 1);
    color: white;
}

.section-b h1,
.section-b h3,
.section-b h3 a {
    color: white;
}

.section-b .row.section-head h2 {
    color: white;
}

.section-b p {
    color: #fffcfb;
}

.section-b em {
    color: #9DCD17;
}

.section-b h2 span {
    color: #9DCD17;
    text-decoration: none;
    /*#00B7B7*/
}

.section-b blockquote span {
    color: #9DCD17;
}

.section-b a,
.section-b a:visited {
    color: #9DCD17;
}

.section-b a:hover,
.section-b a:focus {
    color: yellow;
}

/* =================================================================== */
/* Section-c
/* =================================================================== */

#section-c {
    background: #0e888c url("img/hatter-turkisz-mintas.png") repeat fixed 0% 0%;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 1);
}

#section-c h1,
#section-c h3,
#section-c h3 a {
    color: white;
}

#section-c .row.section-head h2 {
    color: white;
}

#section-c p {
    color: #fffcfb;
}

#section-c em {
    color: #9DCD17;
}

/* =================================================================== */
/* Section-d
/* =================================================================== */

#section-d {
    background: #2b7fc5 url("img/hatter-kek-mintas.png") repeat fixed 0% 0%;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 1);
}

#section-d h1,
#section-d h3,
#section-d h3 a {
    color: white;
}

#section-d .row.section-head h2 {
    color: white;
}

#section-d p {
    color: #fffcfb;
}

#section-d a,
#section-d a:visited {
    color: #9DCD17;
}

#section-d a:hover,
#section-d a:focus {
    color: yellow;
}

/* =================================================================== */
/* Section-e
/* =================================================================== */

#section-e {
    background: #0e888c url("img/hatter-turkisz-mintas.png") repeat fixed 0% 0%;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 1);
}

#section-e h1,
#section-e h3,
#section-e h3 a {
    color: white;
}

#section-e .row.section-head h2 {
    color: white;
}

#section-e p {
    color: #fffcfb;
}

#section-e em {
    color: #9DCD17;
}




/* =================================================================== */
/* Contact Section
/* =================================================================== */

#contact {
    /* background: #12151b url("img/hatter-fekete.png") repeat fixed 0% 0%; */
    /* padding-top: 115px;  /*section top padding*/
    /* color: #C0CDD1; */

    background: #0064f1 url("img/hatter-kek-mintas.png") repeat fixed 0% 0%;
    /*text-shadow: 0 4px 4px rgba(0, 0, 0, 1);*/
    /* padding-top: 115px;  /*section top padding*/
    padding-bottom: 102px;
    overflow: hidden;
    color: #E3F7FD;
    
}
#contact p {
    color: #E3F7FD;
}
#contact .row {
    max-width: 1200px;
    /*784*/
}

#contact .row .four {
    margin: auto;
}

#contact a:hover,
#contact a:focus {
    color: yellow;
}

#contact a,
#contact a:visited {
    color: #fff;
    text-shadow: none;
}

#contact h1,
#contact h2,
#contact h3,
#contact h4,
#contact h5 {
    color: white;
}

/* contact form */

#contact form {
    margin-top: 30px;
    margin-bottom: 30px;
}

#contact label {
    /*font: 16px/30px "monda-bold", sans-serif;*/
    color: #7d7e80;
    display: none;
}

#contact label span {
    color: #00B7B7;
    display: inline-block;
}

#contact input,
#contact textarea,
#contact select {
    font-size: 16px;
    padding: 10px 10px 10px 10px;
    margin-bottom: 1em;
    width: 100%;
    /*color: #BCFF00;*/
    color: #00FBFF;
    background: #12151b;
    border: 3px solid #575859;
}

#contact textarea {
    height: 252px;
}


#contact select[disabled],
#contact select.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    background-color: aquamarine;
}

#contact .styled-select optgroup {
    color: white;
    font-size: 16px;
    background-color: darkgreen;
}

#contact .styled-select option {
    background-color: black;
    font-size: 1em;
}

#contact .styled-select option:hover {
    background-color: #cdf465;
    color: black;
}

#contact .styled-select option:selected {
    background-color: #00FBFF;
    color: black;
}

#contact input:focus,
#contact textarea:focus,
#contact select:focus {
    color: #cdf465;
    border-color: #cdf465;
}




/* Style Placeholder Text */

#contact ::-webkit-input-placeholder {
    /* Safari, Chrome and Opera */
    /* color: #9dcd17; */
    color: #ddd;
}

#contact :-moz-placeholder {
    /* Firefox 18- */
    color: #ddd;
}

#contact ::-moz-placeholder {
    /* Firefox 19+ */
    color: #ddd;
}

#contact :-ms-input-placeholder {
    /* IE 10+ */
    color: #ddd;
}

#contact ::-ms-input-placeholder {
    /* Edge */
    color: #ddd;
}

#contact :placeholder-shown {
    /* Standard one last! */
    color: #ddd;
}

#contact .placeholder {
    color: #ddd;
}





/*Style buttons*/

#contact button.submit {
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 18px 20px;
    margin-bottom: 36px;
    line-height: 24px;
    display: block;
    /*
    border: 3px solid #00B7B7;
    color: #00B7B7;
    background: transparent;
    */
    border: 3px solid #9dcd17;
    color: #fffcfb;
    background: transparent;    
}

#contact button.submit:hover {
    color: white;
    background: #719317;
}

#contact .button.stroke:hover p {
    color: #000;
}

#contact .selected {
    background: #9bc724 !important;
}

#contact .selected p {
    color: #000 !important;
}


/* for ie9 and lower */

.ie #contact label {
    display: block;
}

.ie #contact input,
.ie #contact select {
    margin-bottom: 6px;
}

.ie #contact textarea {
    margin-bottom: 48px;
}


/* checkbox design */

#contact input[type="checkbox"] {
    display: none;
}

#contact input[type="checkbox"] + label {
    display: inline-block;
    color: #DBEAF9;
}

#contact input[type="checkbox"] + label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    background: url(../images/check_radio_sheet.png) left top no-repeat;
    cursor: pointer;
}

#contact input[type="checkbox"]:checked + label span {
    background: url(../images/check_radio_sheet.png) -19px top no-repeat;
}

/* end checkbox design */

/* =================================================================== */
/* section-demo Section
/* =================================================================== */

#section-demo {
    background: #2b7fc5 url("img/hatter-kek-mintas.png") repeat fixed 0% 0%;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 1);
    /* padding-top: 115px;  /*section top padding*/
    padding-bottom: 102px;
    overflow: hidden;
    color: #fffcfb;
}

#section-demo p {
    color: #fffcfb;
}

#section-demo .row {
    max-width: 784px;
}

#section-demo a,
#section-demo a:visited {
    color: white;
    text-decoration: underline;
}

#section-demo a:hover,
#section-demo a:focus {
    color: cornsilk;
}

#section-demo h1,
#section-demo h2,
#section-demo h3,
#section-demo h4,
#section-demo h5 {
    color: white;
}

/* section-demo form */

#section-demo form {
    margin-top: 30px;
    margin-bottom: 30px;
}

#section-demo label {
    font: 16px/30px "monda-bold", sans-serif;
    color: #7d7e80;
    display: none;
}

#section-demo label span {
    color: #00B7B7;
    display: inline-block;
}

#section-demo input,
#section-demo textarea,
#section-demo select {
    font-size: 16px;
    padding: 18px 20px;
    margin-bottom: 42px;
    width: 100%;
    color: #00FBFF;
    background: #005092;
    border: 3px solid #aedaff;
    text-align: center;
}

#section-demo textarea {
    height: 252px;
}

#section-demo input:focus,
#section-demo textarea:focus,
#section-demo select:focus {
    color: #cdf465;
    border-color: #cdf465;
}

/* Style Placeholder Text */

#section-demo ::-webkit-input-placeholder {
    /* Safari, Chrome and Opera */
    color: #ffffff;
}

#section-demo :-moz-placeholder {
    /* Firefox 18- */
    color: #ffffff;
}

#section-demo ::-moz-placeholder {
    /* Firefox 19+ */
    color: #ffffff;
}

#section-demo :-ms-input-placeholder {
    /* IE 10+ */
    color: #ffffff;
}

#section-demo ::-ms-input-placeholder {
    /* Edge */
    color: #ffffff;
}

#section-demo :placeholder-shown {
    /* Standard one last! */
    color: #ffffff;
}

#section-demo .placeholder {
    color: #ffffff;
}

/*Style buttons*/

#section-demo button.submit {

    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 18px 20px;
    margin-bottom: 36px;
    line-height: 24px;
    display: block;
    border: 3px solid #9dcd17;
    color: #fffcfb;
    background: transparent;
}

#section-demo button.submit:hover {
    color: black;
    background: #9dcd17;
}

/* for ie9 and lower */

.ie #section-demo label {
    display: block;
}

.ie #section-demo input,
.ie #section-demo select {
    margin-bottom: 6px;
}

.ie #section-demo textarea {
    margin-bottom: 48px;
}


/* checkbox design */

#section-demo input[type="checkbox"] {
    display: none;
}

#section-demo input[type="checkbox"] + label {
    display: inline-block;
    color: #DBEAF9;
}

#section-demo input[type="checkbox"] + label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    background: url(../images/check_radio_sheet.png) left top no-repeat;
    cursor: pointer;
}

#section-demo input[type="checkbox"]:checked + label span {
    background: url(../images/check_radio_sheet.png) -19px top no-repeat;
}

/* end checkbox design */


/* =================================================================== */
/* Section-order
/* =================================================================== */
#section-order {
    background: #9DCD17 url("img/hatter-zold-mintas.png") repeat fixed 0% 0%;
    /*text-shadow: 0 4px 4px rgba(0, 0, 0, 1);*/
    color: #252525;
}

#section-order input[type="text"],
#section-order input[type="password"],
#section-order input[type="email"],
#section-order textarea,
#section-order select {
    display: inline-block;
    color: #000;
    background: white;
    border: 3px solid white;
    vertical-align: baseline;
}
#section-order select[disabled],
#section-order select.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    background-color: aquamarine;
}

/*#section-order input:focus,
#section-order textarea:focus,
#section-order select:focus {
    color: #00FBFF;
    border-color: #00FBFF;
}
*/

#section-order label {
    display: none;
}
#section-order label em {
    text-shadow: none;
}
#section-order label span { /*used for mandatory field mark*/
    color: red;
    display: inline-block;
}

/* Style Placeholder Text */
#section-order ::-webkit-input-placeholder {
    /* Safari, Chrome and Opera */
    /*color: #ed650a;*/
    color: #252525;
}
#section-order :-moz-placeholder {
    /* Firefox 18- */
    color: #252525;
}
#section-order ::-moz-placeholder {
    /* Firefox 19+ */
    color: #252525;
}
#section-order :-ms-input-placeholder {
    /* IE 10+ */
    color: #252525;
}
#section-order ::-ms-input-placeholder {
    /* Edge */
    color: #252525;
}
#section-order :placeholder-shown {
    /* Standard one last! */
    color: #252525;
}
#section-order .placeholder {
    color: #252525;
}


/*Style buttons*/
#section-order button.submit {
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 18px 20px;
    margin-bottom: 36px;
    line-height: 24px;
    display: block;
}


/* for ie9 and lower */
.ie #section-order label {
    display: block;
}
.ie #section-order input,
.ie #section-order select {
    margin-bottom: 6px;
}
.ie #section-order textarea {
    margin-bottom: 48px;
}


/* checkbox design */
#section-order input[type="checkbox"] {
    display: none;
}
#section-order input[type="checkbox"] + label {
    display: inline-block;
}
#section-order input[type="checkbox"] + label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    background: url(../images/check_radio_sheet.png) left top no-repeat;
    cursor: pointer;
}
#section-order input[type="checkbox"]:checked + label span {
    background: url(../images/check_radio_sheet.png) -19px top no-repeat;
}

#section-order h1,
#section-order h3,
#section-order h3 a {
    color: white;
}
#section-order .icon-part {
    background: #719317;
}
#section-order span {
    color: #252525;
}
#section-order .row.section-head h2 {
    color: white;
}
#section-order.font-bigger {
    font-size: 1.3em;
    text-shadow: 0 4px 4px rgb(126, 168, 7);
    line-height: 1.2em;
    margin-bottom: 1.3em;
}
#section-order p span {
    font-size: 0.7em;
}
#section-order a,
#section-order a:visited {
    color: #ffffff;
}
#section-order a:hover,
#section-order a:focus {
    color: yellow;
}

/* Unique styles */
#section-order .group {
    display: table; /* Make the container element behave like a table */
    /*width: 100%; /* Set full-width to expand the whole page */
}
#section-order .bgrid {
   display: table-cell; /* Make elements inside the container behave like table cells */
}
#section-order .slogen {
    padding: 0px 12px;
}
#section-order .box-info a {
    color: white !important;
}
#section-order .pipas h2,
#section-order .box-info h2 {
    margin-top: 0;
}
#section-order .pipas h3,
#section-order .pipas h3 a {
    color: #42b983;
    text-shadow: none;
}
#section-order .box-info:before {
    font-size: 25px;
}
#section-order li {
    position: relative;
    padding: 0px 0px 3px 0px;
}
#section-order .shaded {
    display: block;
    color: #383d41 !important;
    background-color: #e2e3e5;
    border-color: #d6d8db;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: .25rem;
    box-sizing: border-box;
}
#section-order .shaded.most_popular {
    color: #348d65 !important;
}
#section-order .most_popular a {
	display: block;
	background-color: #42b983;
	color: white;
	text-shadow: none;
    padding: 10px 0;
    margin-bottom: 10px;
}


/* =================================================================== */
/* Messages
/* =================================================================== */

#contact-message-warning,
#contact-message-success,
#licenc-message-warning,
#licenc-message-success,
#securemail-message-warning,
#securemail-message-success {
    display: none;
    background: black;
    padding: 24px 24px;
    margin-bottom: 42px;
    border-radius: 3px;
    text-align: center;
}

#contact-message-warning,
#licenc-message-warning,
#securemail-message-warning {
    color: #ff6163;
}

#contact-message-success,
#licenc-message-success,
#securemail-message-success {
    color: #000;
    background: #11ff04;
    text-shadow: none;
}

#contact-message-warning i,
#contact-message-success i,
#licenc-message-warning i,
#licenc-message-success i,
#securemail-message-warning i,
#securemail-message-success i {
    margin-right: 10px;
}

#contact-image-loader,
#licenc-image-loader,
#securemail-image-loader {
    display: none;
    text-align: center;
}

#contact-image-loader img,
#licenc-image-loader img,
#securemail-image-loader img {
    height: 44px;
    width: 44px;
    margin-left: 40px;
    vertical-align: middle;
}


/* Finalizing styles */

.no-shadow {
    text-shadow: none !important;
}
.no-shadow em {
    
}
.no-padding {
    padding: 0 !important;
}
.armezo {
    color: #ffffff;
    background-color: #576363;
    font-size: 1.2em;
    line-height: 1.4em;
    margin: 0;
}
.armezo em {
    font-size: 1.3em;
    text-shadow: none !important;
}
.inputmezobe {
    margin: 0px 0px 0px 10px;
}
.font-size-base {
    font-size: 1em !important;
}