@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic&subset=latin,latin-ext);
// ---- backgrounds
@page-background:           #f0f1f2;
@page-background-dark:      #1a171b;
@page-background-white:     #ffffff;
@support-bg:                   #e3e6ea;
@green-bg:                  #88ac32;
@green-bg-light:            #b5dc5b;
@yellow-bg:                 #fdc613;
@orange-bg:                 #fd8c13;
@gray-bg:                   #bebebe;
@white-bg:                  #ffffff;
@blue-bg:                   #004c97; 
@red-bg:                    #e00000;
@grey-bg:                   #616264;
// --- texts
@color-text:                #1a171b;
@color-light:               #dde0e3;
@link-hover-bg:             #f5f5f5;
@text-gray:                 #c5c5c5;
@text-gray-blog:            #727272;
// --- borders
@border-grey:       #bec2c7;
@border-grey-dark:  #505050;
@border-yellow:     #fdc613;
@border-green:      #b5dc5b;
@border-white:      #ffffff;
// --- breakpionts
@bp-smartphone:    480px;
@bp-tablet:        768px;
@bp-desktop:       1040px;
@bp-desktop-lg: 1200px;

.contactpage {
	background-color: #ffffff;
	padding: 25px; padding-top: 0; margin-top: 0;
	text-align: justify;
	padding-right: 0;
	h1, h2 {
		margin: 0; padding: 0;
		font-size: 24px; margin-left: 15px;
        text-align: left;
	}
	h2 { font-size: 22px; }
	.contactmap {
		background-image: url("../images/map_80.png");
		background-repeat: no-repeat;
		background-position: center center;
		height: 372px;
		padding-left: 20px;
		margin-top: 20px;
	}
	h3 {
		margin: 0; padding: 0;
		font-size: 21px;
        text-align: left;
	}
	h4 {
		margin: 0; padding: 0; padding-top: 13px; padding-bottom: 3px;
		font-size: 20px; font-weight: 600;
        text-align: left;
	}
    .half-underline{
        display: block;
        height: 3px;
        width: 160px;
        margin: 0; margin-top: 3px;
        /*background: #e8e8e8;*/
    }
}

.teammate {
	img {
		margin-bottom: 10px; margin-left: 10px;
	}
	.tm_data {
		border-left: 2px solid #fdc613;
		padding-left: 12px;
		padding-bottom: 7px;
	}
	.telephone{
        margin: 8px 0px;
        color: #000;
        font-size: 1.2em;
        letter-spacing: 2px;
    }
    .email{
        font-size: 11px;   
        vertical-align: top;
        margin: 8px 0px;
        color: #000;
        font-size: 0.9em;
    }
}

.mutragya {
	border-top: 1px solid #eeeded;
}

.telephelyek {
	background-color: #e3e6eb;
	padding-bottom: 25px;
}

.telephelyek_in {
	padding-left: 25px;
}

.telephely {
	/*padding-left: 20px;*/
}

.contact_szaktanacsadoi {
         .telephone{
            margin: 0;
            font-size: 1.2em;
        }
}

.contact_szaktanacsadoi {
    padding:5px 30px;
    width: 100%;
    margin-bottom: 10px;
    background-color: #4c4c4c;
    background-image: url(../images/blog-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; 
        .text {
            margin-top: 0; padding-top: 0;
        }
        h3 {
            paddig-bottom: 0; margin-bottom: 0;
            text-align: left;
        }
        .contact-info{
            font-size: 1.3em;
            .navigate{
                font-size: 14px;
            }
             text-align: left;
        }
        .text{
            margin: 10px 0px;;
            text-align: left;
         }
         .telephone{
            margin: 8px 0px;
             color: @yellow-bg;
             font-size: 1.3em;
             letter-spacing: 2px;
             text-align: left;
        }
        .email{
            font-size: 10px;   
            vertical-align: top;
            margin: 8px 0px;
             color: @yellow-bg;
            font-size: 0.7em;
             text-align: left;
        } 
}
	
a.navigate, a.navigate:visited {
	border-radius: 2px;
	margin: 7px;
    text-align: center;
}

	div.szaktanbtn {
		margin: 0 auto; width: 50%;
        text-align: center;
		a.navigate {
			margin: 5px;
            text-align: center;
		}
	}

.telephely2 { text-align:left; }

@media(max-width:@bp-desktop) {
    .telephely, .telephely2 {
        width: 50%;
    }
}

@media(max-width:@bp-tablet) {
    .telephely, .telephely2 {
        width: 45%;
    }
    .navigate, .szaktanbtn {
        width: 100% !important;
    }
}

@media(max-width:1040px) {
    .navigate {
        width: 100% !important;
    }
}

@media(max-width:@bp-smartphone) {
    .telephely, .telephely2 {
        width: 100%;
    }
    .teammate img {
        width: 50%; height: 50%;
    }
    .teammate .telephone {
        font-size: 1.1em;
        letter-spacing: 0px;
    }
    .teammate .email {
        font-size: 0.7em;
    }
}

@media(max-width:350px) {
    .teammate .ico_phone {
        display: none;
    }
    .teammate .telephone {
        font-size: 0.9em;
    }
    .teammate .ico_mail {
        display: none;
    }
}

@media(max-width:320px) {
    .teammate {
        width: 100%;
        text-align:center;
    }
    .teammate .tm_data { border: none; }
}

.box-head h2 {
    margin-bottom: 7px;
}

.teammate .person-img {
    margin: 10px 0px;
    width: 168px;
    height: 168px;
    border: 4px solid #bec2c7;
    border-radius: 400px;
}

.teammate .person-img img {
    border-radius: 300px;
    border: 3px solid white;
    width: 100%;
    height: 100%;
}

.contactform h5 {
    font-weight: bold;
    font-size: 16px;
    color: #88ac32;
    font-family: 'Noto Sans', sans-serif;
    text-transform: uppercase;
    text-align: left;
    border-bottom: 1px solid #B3B3B3;
    width: 95%;
}

.contactform {
    padding-top: 20px;
}

.contactform label {
    padding: 10px;
    padding-top: 13px;
}

.contactform input {
    margin: 10px;
    height: 30px;
    padding-left: 10px;
    width: 90%;
}

.contactform textarea {
    margin: 10px;
    width: 90%;
    padding: 5px;
    height: 80px;
}