#g-navigation {
    background: #D28B87;
    color: #fff;
    box-shadow: none;
    position: relative;
}

#g-navigation p {
    margin-bottom: 0;
}

#g-navigation .g-content {
    padding-top: 0;
    padding-bottom: 0;
}

body {
    font-family: 'Noto Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
}

.customjobbos img {
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 10px;
}

#g-navigation p {
    margin-bottom: 0;
    font-size: 13px;
}

.moduletable.jobbos {
    text-align: right;
}

#g-slideshow {
    background: #f7edee;
    color: #fff;
    position: relative;
}

h6 a {
    background: linear-gradient(90deg,#fbd6c8,#d28b87);
    color: white;
    padding: 7px 35px;
    border-radius: 30px;
    font-size: 14px;
    box-shadow: 0px 1px 13px -8px #00000094;
}

#g-slideshow p {
    color: #3C3C3B;
    margin-bottom: 0;
}

.customidopont {
    text-align: right;
}

.customlogo-balos h4 img {
    margin-right: 25px;
}

ul.g-toplevel {
    width: fit-content;
    display: block;
    margin: auto;
}

.g-main-nav .g-toplevel > li > .g-menu-item-container {
    line-height: 1;
    color: #3C3C3B;
    padding: 5px 40px;
}

.g-main-nav .g-toplevel > li > .g-menu-item-container:hover {
    background: url(https://mosoly-go.hu/images/rendszer/mosolygo_logo.svg);
    background-repeat: no-repeat;
    background-size: auto 2px;
    background-position: bottom;
    transition: 0;
    -webkit-transition: 0;
    -moz-transition: 0;
}

.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
    -webkit-transition: 0;
    -moz-transition: 0;
    transition: 0;
}

#g-showcase {
    background: #f7edee;
    color: #3C3C3B;
}

h1, h2, h3, h4 {
    font-family: 'Raleway', sans-serif;
    color: #D28B87;
    line-height: 35px;
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 15px;
}

#g-showcase a:not(.readon) {
    color: #fff;
}


p {
    line-height: 20px;
}

h5 a { 
	background: #fff; 
	color: #3C3C3B !important; 
	padding: 7px 35px ; 
	border-radius: 30px ; 
	font-size: 14px; 
	border: 1px solid #D28B87; 
	box-shadow: 1px 1px 15px -4px #00000029;
}

.gombok {
    display: flex;
}

.gombok h6 {margin-right: 20px;}

.g-logo img {
    max-width: 100%;
    width: 250px;
    display: block;
    margin: -60px auto;
}

.customlogo-balos h4 {
    margin-top: 10px;
}

.customidopont h6 {
    margin-top: 20px;
}

.belso {
    padding-top: 30px;
    padding-right: 50px;
}

.size-50.els {
    background: white;
    padding: 50px;
}

#g-showcase .g-content {
    padding-top: 30px;
}

























/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 22px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}


/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    height: 2px;
    width: 70px;
    margin: 0 2px;
    background: #5e5e5e;
    border-radius: 0;
    display: inline-block;
    transition: background-color 0.6s ease;
    margin-right: 7px;
}





/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

span.dot.active {
    background: url(https://mosoly-go.hu/images/rendszer/mosolygo_logo.svg);
}

.navigacios {
    width: fit-content;
    margin-top: -70px;
    position: relative;
    margin-left: 50px;
    margin-bottom: 40px;
}

a.next, a.prev {
    color: #333 !important;
}

#g-feature h3 {
    margin-bottom: 30px;
}

.elsob {
    padding: 30px;
    padding-right: 0;
    margin-top: 20px;
}

.masodikb {
    padding: 0 60px 60px 60px;
}

#g-feature {
    background: #f7edee;
    color: #333;
}

#g-utility {
    background: url(https://mosoly-go.hu/images/rendszer/hatter02.jpg);
    color: #fff;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 80px;
}

#g-expandedtop {
    background: #f7edee;
    color: #333;
}

#g-utility h4 {
    color: #fff;
}

#g-expandedtop .g-content {
    padding-top: 0;
    margin-top: -100px;
}

.belter {
    padding: 0 10px 10px 10px;
}

.feher {
    background: white;
    padding: 20px;
    text-align: center;
    color: #949494;
    padding-top: 190px;
    margin-top: -167px;
}

.belter img {
    padding: 0 25px;
}

#g-expandedtop a:not(.readon) {
    color: #fff;
}

.feher p {
    font-size: 14px;
}


/* Style the tab */
.tab {
    overflow: hidden;
    border: 0;
    background-color: transparent;
    margin-bottom: -5px;
    position: relative;
    z-index: 9;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 40px;
  transition: 0.3s;
  font-size: 17px;
  font-family: 'Raleway', sans-serif;
}


.tab button.active {
    background-color: #fff;
    border: 5px solid;
    border-image: conic-gradient(#fee99e, #e3b845, #fee99e, #e3b845, #fde89e, #e3b845, #fee99e) 1;
    border-bottom: 0;
    color: #D28B87;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

#g-maintop {
    background: #fbf2f3;
    color: #3C3C3B;
}


.tabcontent {
    border: 5px solid transparent;
    border-image: conic-gradient(#e3b845, #fee99e, #e3b845, #fde89e, #e3b845, #fee99e, #e3b845) 1;
	padding: 40px 40px 10px;
    background: white;
    font-family: 'Raleway', sans-serif;
    position: relative;
}

.arlistacim {
    text-align: center;
    margin-bottom: 80px;
}

#g-maintop .custom {
    max-width: 800px;
    display: block;
    margin: auto;
}

#g-maintop .size-70 {
    color: #D28B87;
}

#g-maintop .size-30 {
    color: #E11832;
    font-size: 15px;
}

.tabcontent .size-50.g-grid {
    margin-bottom: 40px;
    font-size: 13px;
}

img.hattere01 {
    position: absolute;
    right: 0;
    width: 31%;
    margin-top: -70px;
    max-width: 510px;
}

img.virag {
    margin-top: -220px;
    margin-left: -220px;
    width: 300px;
}

div#lightbox-title {
    display: none !important;
}

#lightbox-content {
    border: 0 !important;
}

#g-mainbottom .g-container {
    width: 100%;
}

#g-mainbottom .wk-gallery-wall.margin>* {
    width: 20%;
    margin: 0;
}

#g-mainbottom .g-content {
    padding: 0;
    margin: 0;
}

.kezdolap #g-main {
    display: none;
}

#g-mainbottom h6 {
    text-align: center;
    margin-top: 60px;
}

#g-mainbottom {
    background: #f7edee;
}


#g-bottom .g-container {
    width: 100%;
}


#g-bottom .g-content {
    padding: 0;
    margin: 0;
}

#g-bottom {
    background: #f7edee;
    color: #3C3C3B;
    padding-top: 70px;
}

.elso {
    padding: 80px;
}

span.ba-form-submit-btn {
    background: linear-gradient(90deg,#fbd6c8,#d28b87);
}

#g-footer {
    background: #f7edee;
    color: #3C3C3B;
}

.size-50 p a {
    color: inherit;
}

.size-50 p a {
    color: inherit;
    margin-right: 75px;
}

.size-50 p a:last-child {
    margin-right: 0;
}

#g-footer .size-25, #g-footer .size-50 {
    padding: 30px;
}

#g-footer h5 {
    font-size: 14px;
    line-height: 20px;
    margin-top: 40px;
}

#g-footer .size-50 .g-grid .size-50 {
    padding: 0;
    padding-right: 30px;
}

#g-footer .size-50 .g-grid .size-50:last-child {
    padding-right: 0;
    padding-left: 30px;
}

#g-footer .size-50 .g-grid .size-50 p {
    font-size: 14px;
}

#g-footer .size-50 .g-grid .size-50 h6 {
    text-align: right;
    margin-bottom: 0;
    margin-top: 30px;
}

#g-footer .size-50 .g-grid {
    margin-top: 30px;
}

#g-footer .size-25 p a {
    color: inherit;
}

#g-footer .size-25.utolso p {
    line-height: 45px;
    margin-top: 70px;
}

#g-footer .size-25.elso h4 {
    margin-top: 50px;
    text-align: center;
}

#g-footer .size-25.elso h4 img {
    margin-right: 15px;
    max-width: 15px;
    max-height: 15px;
}

#g-copyright {
    background: #f8eff3;
    color: #3C3C3B;
}

#g-copyright p {
    margin-bottom: 0;
    text-align: right;
    font-size: 13px;
}


#g-copyright p a {
    color: inherit;
}

#g-copyright .g-content {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
}

#g-footer .g-content {
    padding-bottom: 0;
}

li.g-dropdown-column {
    background: #f6ecee;
}

a.g-menu-item-container {
    color: #3C3C3B;
}

#g-main {
    background: #f7edee;
    color: #3C3C3B;
}

#g-feature .size-50{
    padding: 30px;
}

#g-feature img{
    object-fit: cover;
    width: 100%;
    height: auto;
}

#g-feature .szalon-szoveg{
    text-align: center;
}

#g-feature .g-content{
    padding-bottom: 0;
    padding-top: 0;
}














































@media (max-width:1400px){
.elso {
    padding: 70px;
}

.size-50 p a {
    margin-right: 58px;
}

.masodikb{
    padding: 0 30px 30px 30px;
}


}

@media (max-width:1300px){
.elso {
    padding: 70px 50px;
}






}


@media (max-width:1200px){

.customlogo-balos h4 img {
    margin-right: 15px;
}

h1, h2, h3, h4 {
    line-height: 25px;
    font-size: 20px;
}

.belso {
    padding-top: 0;
}

.kepbelso img {
    height: 370px;
    object-fit: cover;
}

.elsob {
    margin-top: 0;
    padding-top: 0;
}

.size-50 p a {
    margin-right: 26px;
    font-size: 14px;
}

#g-footer .size-25.utolso p {
    margin-top: 45px;
}











}




@media (max-width:960px){

.customlogo-balos h4 img {
    margin-right: 15px;
    max-width: 14px;
    max-height: 14px;
}

.gombok h6 {
    margin-right: 5px;
}

.kepbelso img {
    height: 450px;
}

#g-expandedtop .size-25 {
    flex: 0 50%;
    margin-bottom: 20px;
}

.size-50 p a {
    margin-right: 8px;
    font-size: 12px;
}

#g-footer h5 {
    font-size: 12px;
    margin-top: 20px;
}

#g-footer .size-50 .g-grid .size-50 p {
    font-size: 12px;
}

#g-footer .size-25.utolso p {
    line-height: 40px;
    margin-top: 47px;
}

.masodikb{
    padding: 0;
}

#g-feature .size-50 {
    padding: 10px;
}




}



@media (max-width:767px){

.customlogo-balos {
    text-align: center;
}

.customidopont h6 {
    text-align: center;
}

#g-navigation {
    text-align: center;
}

#g-navigation p {
    text-align: center;
    margin-bottom: 0px;
}

.kepbelso img {
    height: auto;
}

#g-expandedtop .size-25 {
    flex: 0 100%;
}

img.hattere01 {
    display: none;
}

.tab button {
    width: 100%;
}

.tab button.active {
    border: 5px solid;
    border-image: conic-gradient(#fee99e, #e3b845, #fee99e, #e3b845, #fde89e, #e3b845, #fee99e) 1;
}

.size-50 p a {

    font-size: 15px;
}

.tabcontent {
    text-align: center;
}

img.virag {
    margin-top: -130px;
    margin-left: 0;
    width: 22%;
    position: absolute;
    left: 10px;
}

#g-maintop {
    padding-bottom: 50px;
}

#g-mainbottom .wk-gallery-wall.margin>* {
    width: 33.3%;
}

.elso {
    padding: 40px;
}

.elso, #g-footer .g-content{
    padding-top: 0 !important;
}

.ba-form-page {
    padding: 20px 0 !important;
}

#g-footer .size-50 p a {
    font-size: 15px;
    display: block;
    text-align: center;
    line-height: 30px;
    margin-right: 0;
}

#g-footer {
    text-align: center;
}

#g-footer .size-50 .g-grid .size-50 {
    padding: 0;
}

#g-footer .size-50 .g-grid .size-50 p {
    font-size: 15px;
}

#g-footer .size-50 .g-grid .size-50:last-child {
    padding: 0;
}

#g-footer .size-50 .g-grid .size-50 h6 {
    text-align: center;
    margin-top: 10px;
}

#g-footer .size-25.utolso p {
    line-height: 40px;
    margin-top: -20px;
}


#g-copyright p {
    text-align: center;
}

.g-offcanvas-toggle {
    background: white;
    border-radius: 0;
    color: #333;
    padding: 10px;
    left: 0px;
    top: 90px;
}

.belso {
    padding-right: 0;
}

.gombok {
    display: block;
}

.navigacios {
    margin-top: -18px;
    margin-left: 0;
}

ul.g-toplevel {
    width: 100%;
}

#g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container {
    color: #333;
}

#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover,
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
    background: #d38b87;
}















#g-footer h5 {
    font-size: 15px;
}

}